Cách tạo Favicon cho website của bạn
Favicon là biểu tượng nhỏ hiện trên tab trình duyệt. Nó giúp website trông chuyên nghiệp và dễ tìm giữa nhiều tab. Dưới đây là cách làm đúng.
Bắt đầu với ảnh nguồn phù hợp
Dùng ảnh vuông có kích thước ít nhất 512 × 512 pixel, hoặc một file SVG. Chọn hình đơn giản hoặc một chữ cái. Các chi tiết nhỏ sẽ biến mất ở kích thước 16 × 16 pixel, kích thước hiển thị trên hầu hết các tab trình duyệt.
Bạn cần những file nào?
Một bộ favicon hiện đại gồm favicon.ico (chứa các kích thước 16, 32 và 48 pixel trong cùng một file), một ảnh PNG 32 × 32, một apple-touch-icon.png 180 × 180 pixel cho iPhone và iPad, cùng các ảnh PNG 192 và 512 pixel cho Android và ứng dụng web có thể cài đặt.
Công cụ Tạo Favicon trên website này tạo tất cả những file đó từ một bức ảnh, kèm đoạn HTML để bạn dán vào.
Cách cài đặt
Tải các file lên thư mục gốc của website để /favicon.ico hoạt động, rồi dán các thẻ link vào phần head của mọi trang. Nhiều công cụ tạo website có sẵn ô favicon trong phần cài đặt, bạn chỉ cần tải ảnh lên ở đó.
Vì sao favicon mới của tôi không hiện?
Trình duyệt lưu favicon trong bộ nhớ đệm rất lâu. Hãy mở website trong cửa sổ ẩn danh, hoặc thêm phiên bản vào địa chỉ, chẳng hạn /favicon.ico?v=2, rồi tải lại trang vài lần. Công cụ tìm kiếm có thể mất vài ngày đến vài tuần mới cập nhật biểu tượng mới.