Cách dùng Tạo bộ favicon
- Kéo thả một ảnh vuông (từ 512 × 512 px là đẹp nhất).
- Muốn icon bằng chữ hoặc emoji, chỉnh khoảng đệm, màu và tên ứng dụng thì chuyển sang Nâng cao.
- Xem trước các cỡ rồi bấm Tải tất cả file (ZIP).
- Tải các file lên website và dán đoạn HTML vào trong <head>.
Định dạng hỗ trợ
Đầu vào: một ảnh (PNG, SVG, JPG…) hoặc vài ký tự chữ hay emoji. Đầu ra: file ZIP gồm favicon.ico (16, 32, 48), PNG 16 và 32, apple-touch-icon 180, Android 192 và 512, site.webmanifest và mã HTML.
Giới hạn
Ảnh nhiều chi tiết sẽ khó nhìn ở cỡ 16 × 16 px, nên hình đơn giản hoặc 1–2 chữ cái là rõ nhất. Icon Apple luôn có nền đặc vì iOS không hiển thị nền trong suốt.
Quyền riêng tư
Mọi thứ chạy trên trình duyệt: file của bạn không bao giờ bị tải lên máy chủ, và không cần đăng ký.
Câu hỏi thường gặp
Website cần những cỡ favicon nào?
File ZIP có đủ bộ thường dùng: favicon.ico chứa 16, 32 và 48 px, PNG 16 và 32, icon Apple 180 px và icon Android 192, 512 px.
Có tạo file manifest không?
Có. site.webmanifest nằm trong file ZIP, trỏ tới các icon Android. Ở chế độ Nâng cao bạn đặt được tên, tên ngắn, màu chủ đạo và thư mục.
Tạo favicon từ chữ hoặc emoji được không?
Được. Ở Nâng cao chọn Chữ hoặc emoji, gõ một hai chữ cái hoặc một emoji, rồi chọn màu và hình vuông, bo góc hoặc tròn.
Gắn favicon vào website thế nào?
Tải các file lên thư mục bạn đã đặt (mặc định là thư mục gốc), rồi dán đoạn HTML hiện trên trang vào trong <head>.
Ảnh có bị tải lên mạng không?
Không. Mọi icon được vẽ trên trình duyệt và file ZIP được tạo ngay trên máy bạn.