Cách tạo biểu tượng yêu thích
Favicon hiện đại không chỉ là hình ảnh 16×16. Đây là toàn bộ quy trình làm việc để thiết lập trông sắc nét trên mọi trình duyệt, hệ điều hành và thiết bị.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
Favicon là gì?
Favicon là biểu tượng nhỏ mà trình duyệt hiển thị trong tab, thanh dấu trang và danh sách lịch sử. Trên thiết bị di động, đó là biểu tượng màn hình chính. Trên Windows đó là biểu tượng phím tắt.
Các trang web hiện đại cung cấp nhiều độ phân giải và định dạng để mọi bề mặt đều có được kết xuất sắc nét.
Chuẩn bị hình ảnh nguồn của bạn
Bắt đầu từ hình ảnh vuông tối thiểu 512×512 — lý tưởng nhất là SVG với viewBox vuông. Mọi thứ nhỏ hơn sẽ mờ khi thu nhỏ.
Tránh các dòng mỏng và văn bản nhỏ. Chúng biến mất ở kích thước 16×16.
Tạo tệp .ico nhiều kích thước
Gói 16, 32, 48, 64, 128 và 256 bên trong một favicon.ico duy nhất. Trình duyệt tự động chọn kích thước phù hợp.
Trình tạo favicon của chúng tôi thực hiện việc này ở phía máy khách trong chưa đầy một giây.
Thêm thẻ HTML
Thả favicon.ico vào thư mục gốc của trang web của bạn. Sau đó, thêm các biểu tượng SVG, apple-touch-icon và tệp kê khai trong <head> để thiết lập hoàn chỉnh.
Xác minh trong mọi trình duyệt
Làm mới cứng ở Chrome, Safari, Firefox và Edge. Kiểm tra thanh dấu trang, tab và cài đặt màn hình chính.
Câu hỏi thường gặp
What is a favicon?
A favicon is the small icon shown in browser tabs, bookmarks, and mobile home screens. Modern sites ship multiple sizes and formats for crisp rendering everywhere.
What size should my favicon source image be?
Start from a square image at least 512×512 pixels. SVG with a square viewBox works best for sharp downscaling.
Do I need both favicon.ico and PNG files?
Yes — ship a multi-size favicon.ico for universal fallback plus PNGs (180×180 and 192/512) for Apple, Android, and PWAs.
Where do I put favicon files on my website?
Place favicon.ico in your site root and add <link rel="icon"> tags in <head> for SVG and PNG variants.