Favicon là gì và vì sao nó quan trọng với thương hiệu số?
Một hướng dẫn thực dụng về favicon, browser tab, iOS icon, Android maskable icon, PWA manifest và tính nhất quán thương hiệu.
Favicon là biểu tượng nhỏ đại diện cho website trong tab trình duyệt, bookmark, lịch sử truy cập và nhiều bề mặt hệ điều hành. Nó nhỏ đến mức dễ bị xem nhẹ, nhưng lại xuất hiện ở những nơi người dùng dùng để nhận diện và quay lại thương hiệu.
Trong website hiện đại, favicon không còn là một file duy nhất. Bạn cần nhiều kích thước và ngữ cảnh: browser tab, iOS home screen, Android adaptive icon và PWA manifest.
Những file tối thiểu nên có
Một bộ cơ bản nên có favicon.ico cho trình duyệt desktop, apple-touch-icon.png cho iOS, icon-192.png cho PWA fallback, icon-512-maskable.png cho Android adaptive icon và manifest.json để khai báo metadata.
Điểm quan trọng không chỉ là kích thước. Icon cần có safe zone, background phù hợp và không bị hệ điều hành cắt mất phần nhận diện chính.