Tạo favicon

Khuyến nghị ảnh PNG hình vuông (512×512px trở lên). Công cụ tự động thay đổi kích thước và tạo định dạng ICO.

Apple Touch Icon là biểu tượng hiển thị khi thêm website vào màn hình chính trên thiết bị iOS. Kích thước tiêu chuẩn là 180×180px PNG.

Trình duyệt giữ favicon trong bộ nhớ đệm rất lâu, và việc tải lại trang thông thường hiếm khi làm nó đổi. Hãy kiểm tra bằng cách gõ thẳng địa chỉ tệp biểu tượng vào thanh địa chỉ; nếu ảnh mới hiện ra ở đó thì hãy tải lại cưỡng bức hoặc mở trang trong cửa sổ ẩn danh. Muốn chắc chắn mọi khách truy cập đều thấy thay đổi, cách đáng tin nhất là đổi tên tệp — chẳng hạn favicon-v2.png — rồi cập nhật thẻ link cho khớp.

Biểu tượng chỉ vẽ bằng nét đen gần như biến mất trên thanh tab tối màu. Thay vì để nền trong suốt, hãy lót một hình tròn hoặc hình vuông màu thương hiệu rồi đặt hình khối lên trên; khi ấy bóng dáng biểu tượng giữ vững ở cả giao diện sáng lẫn tối. Favicon dạng SVG thậm chí có thể đổi màu bằng media query khi ở chế độ tối, nhưng vẫn nên để kèm một tệp PNG cho những trình duyệt chưa hỗ trợ.