Favicon Generator
Favicon Generator — chạy trên trình duyệt. Không lưu dữ liệu.
Trình tạo favicon
Nhập giá trị, rồi nhấn Tính.
Xem trước
16×16
32×32
180×180 (Apple)
Hình ảnh chỉ xử lý trên trình duyệt, không tải lên máy chủ. Tải PNG theo từng kích thước.
Cách sử dụng
- Chọn logo hoặc icon dưới file ảnh. File gần vuông sắc hơn.
- Preview 16×16, 32×32 và 180×180 (Apple) vẽ ngay khi chọn file.
- Tải PNG 16 hoặc 32 cho tab trình duyệt, hoặc PNG 180 cho màn hình chính iPhone, bằng Tải PNG trên mỗi ô.
- Đổi ảnh gốc: Đặt lại rồi chọn file lại.
- Tải PNG lên site và nối bằng thẻ link. Không tạo gói ICO.
Khái niệm chính
Tạo favicon thu nhỏ một logo thành kích thước icon tab và Apple touch rồi tải PNG. 16 và 32 là ứng viên favicon; 180 là ứng viên Apple touch icon. Đổi kích thước chỉ trên canvas trình duyệt; gốc không tải lên. Hầu hết trình duyệt hiện đại hỗ trợ favicon PNG.
Không dựng container ICO hay đóng nhiều độ phân giải một file. Chi tiết mảnh có thể nhòe ở 16 pixel nên silhouette dày tốt hơn. Preview PNG trong suốt dùng bàn cờ để đoán vùng trong suốt. Sau khi triển khai, cache có thể giữ icon cũ—đổi tên file hoặc hard-refresh.
Ví dụ
Tải logo vuông thì cả ba kích thước hiện cùng lúc. Tab thường dùng PNG 32 làm favicon; thêm màn hình chính di động thường dùng PNG 180 làm apple-touch-icon. Ảnh chữ nhật có thể cắt hoặc kéo giữa—xem bố cục trong preview. Đường mảnh biến mất ở 16 pixel nên đơn giản hóa logo trước khi tải. Icon cũ còn sau triển khai thì gắn phiên bản vào tên file hoặc rút header cache. Bản gốc có viền đọc tốt hơn trên nền tab sáng và tối. Thử lại cùng input thì đặt lại trước để không lẫn output cũ. Máy dùng chung thì xóa ô khi xong. Đóng tab bỏ những gì vừa thêm; không cần gửi yêu cầu xóa tới máy chủ.
Liên quan: Nén ảnh · Tạo ảnh OG
Câu hỏi thường gặp
Tạo favicon có làm file ICO không?
Không. Chỉ cung cấp PNG theo kích thước. Trình duyệt hiện đại hỗ trợ favicon PNG.
Ảnh có tải lên máy chủ không?
Không. Đổi kích thước chỉ trên canvas trình duyệt.
180×180 dùng ở đâu?
Thường làm kích thước Apple touch icon—ứng viên Thêm vào Màn hình chính.
Logo chữ nhật được không?
Có thể cắt khi thu nhỏ. Nên bản gốc vuông có đệm.
Nền trong suốt có giữ không?
Tải PNG nên trong suốt gốc nhìn chung giữ. Kiểm bàn cờ preview.
Có ZIP cả ba kích thước không?
Mỗi kích thước tải PNG riêng. Không tạo file zip.
Cập nhật lần cuối: 2026-09-04