Kích thước favicon 2026: bạn thật sự cần những cỡ nào
Bạn không cần hai mươi file favicon. Đây là số ít cỡ mà trình duyệt, điện thoại và kết quả tìm kiếm thực sự dùng — cùng cách tạo từ một ảnh.
Các hướng dẫn favicon hay đưa cho bạn danh sách hai mươi file. Thực tế, chỉ vài cỡ là bao trọn mọi trình duyệt, điện thoại và kết quả tìm kiếm bạn quan tâm. Đây là bản rút gọn.
Những cỡ đáng giữ
- 16×16 và 32×32 — icon tab trình duyệt và bookmark kinh điển.
- 180×180 — Apple touch icon, dùng khi ai đó lưu site vào màn hình chính iPhone.
- 192×192 và 512×512 — icon Android / PWA, và nguồn cho lời mời cài đặt.
Điều quan trọng hơn cả kích thước
Favicon rất nhỏ nên chi tiết biến mất. Hãy dùng một dấu hiệu đậm, đơn giản — một chữ cái, một biểu tượng, một hình khối mạnh — chứ không phải nguyên logo có chữ li ti. Thử ở 16 px: nếu không nhận ra là gì thì hãy đơn giản hóa.
Tạo từ một ảnh
Bạn không làm thủ công. Bắt đầu từ một ảnh vuông độ phân giải cao (512 px trở lên) và sinh cả bộ cùng lúc. Công cụ tạo favicon của chúng tôi tạo mọi cỡ trên từ một lần tải ảnh, sẵn sàng gắn vào site — xử lý ngay trên trình duyệt.
Thêm thẻ <link rel="icon"> và apple-touch-icon chuẩn là site của bạn gọn gàng ở tab, bookmark lẫn màn hình chính.