Cách tạo biểu tượng yêu thích
Tạo một favicon là công việc kéo dài 60 giây: bắt đầu từ một hình vuông, tạo một .ico nhiều kích thước và liên kết nó trong HTML <head> của bạn. Hướng dẫn này hướng dẫn từng bước.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
Hình ảnh nguồn của bạn phải là hình vuông và có kích thước tối thiểu là 512×512. SVG thậm chí còn tốt hơn — nó mở rộng quy mô mà không làm giảm chất lượng.
Thiết lập khả thi tối thiểu là một favicon.ico nhiều kích thước. Các thiết lập hiện đại cũng bao gồm SVG, apple-touch-icon 180×180 và cặp 192×192 + 512×512 PNG cho lời nhắc cài đặt PWA.
Cách hoạt động
- 1
Chuẩn bị nguồn vuông
512×512 PNG hoặc SVG có viewBox vuông.
- 2
Phát ra
Sử dụng trình tạo favicon của chúng tôi để gói tất cả các kích thước vào một .ico duy nhất.
- 3
Cài đặt
Thả favicon.ico vào thư mục gốc trang web của bạn và liên kết nó trong <head>.
Thử ngay
Tạo favicon của bạn bây giờ
Tạo FaviconCâu hỏi thường gặp
Công cụ dễ nhất để tạo favicon là gì?+
Trình tạo favicon của chúng tôi — tải lên, nhấp vào tạo, tải xuống. Không cần đăng ký, không tải lên máy chủ.
Hình ảnh nguồn của tôi nên có kích thước như thế nào?+
tối thiểu 512×512. SVG là lý tưởng.
Tôi có cần apple-touch-icon không?+
Có, nếu bạn muốn có biểu tượng màn hình chính rõ ràng trên iOS. 180×180 PNG, được liên kết qua <link rel="apple-touch-icon">.
Công cụ liên quan
Tạo Favicon
Tạo bộ favicon hoàn chỉnh (ICO + PNG) cho mọi thiết bị và trình duyệt.
Chuyển đổi PNG sang ICO
Công cụ chuyển đổi PNG sang ICO trực tuyến miễn phí cho icon Windows, icon ứng dụng và website favicon.
Chuyển đổi SVG sang PNG
Rasterize đồ họa vector SVG thành PNG ở bất kỳ độ phân giải nào.
Trình kiểm tra favicon
Kiểm tra favicon của mọi website — xác thực kích thước, định dạng và biến thể thiếu.