Về công cụ này
Favicon là biểu tượng nhỏ trên tab trình duyệt, trong bookmark và trên màn hình chính điện thoại — và site hiện đại cần nó ở nhiều kích thước và định dạng. Bộ tạo này dựng trọn bộ từ một nguồn duy nhất: tải lên một logo, hoặc gõ một chữ cái hay emoji và chọn nền, rồi nó render icon sắc nét ở 16, 32, 48, 180, 192 và 512 pixel.
Tải favicon.ico đa độ phân giải kinh điển, lấy từng PNG, và copy đúng các thẻ link và meta để dán vào head của trang. Tất cả được vẽ bằng Canvas API trong trình duyệt — ảnh của bạn không bao giờ được tải lên.
Câu hỏi thường gặp
Ảnh tôi tải lên có bị gửi đến server không?
Không. Mọi kích thước đều được vẽ ngay tại chỗ trên HTML canvas — ảnh của bạn không bao giờ rời khỏi trình duyệt.
Tôi thực sự cần những kích thước nào?
16×16 và 32×32 dùng cho favicon tab trình duyệt truyền thống, 180×180 dành cho Apple touch icon (màn hình chính iOS), còn 192×192/512×512 được dùng trong web app manifest cho việc cài đặt trên Android/PWA.
Tôi có cần file .ico không, hay chỉ cần PNG là đủ?
Các trình duyệt hiện đại dùng favicon PNG qua thẻ link rất tốt, nhưng vẫn nên giữ favicon.ico cho các trình duyệt cũ, bookmark, và những công cụ chỉ tìm icon theo đúng tên file đó.
Vì sao icon tạo từ ảnh của tôi bị mờ ở kích thước nhỏ?
Favicon nhỏ có rất ít pixel để thể hiện, nên chi tiết nhỏ dễ bị mất. Hãy bắt đầu từ một ảnh vuông đơn giản, tương phản cao — logo có đường nét mảnh hay nhiều chữ thường không giữ được rõ nét khi thu nhỏ về 16×16.
Làm sao để thêm favicon vừa tạo vào trang web của tôi?
Tải các file (hoặc .ico) về, đặt vào thư mục gốc của trang web, rồi dán đoạn mã từ 'Copy HTML' vào phần head của trang.