ToolsMaxxing

Tạo favicon

Tạo favicon.ico và mọi kích thước PNG bạn cần từ một ảnh.

hoặc kéo và thả ảnh vào đây

một ảnh PNG, JPG, WebP hoặc GIF (logo vuông cho kết quả tốt nhất)

Tệp của bạn ở lại trên thiết bị

  1. 1Thêm tệp
  2. 2Tùy chỉnh
  3. 3Tải xuống

Cách dùng

  1. 1Thêm logo hoặc ảnh vuông. Kích thước 512 x 512 điểm ảnh trở lên cho kết quả tốt nhất.
  2. 2Chọn ảnh không vuông được đặt vừa bên trong hay bị cắt, và chọn nền.
  3. 3Chọn Tạo bộ favicon.
  4. 4Tải ZIP, đặt các tệp vào thư mục gốc của site và dán HTML từ favicon-html.txt vào phần head.

Các tùy chọn có tác dụng gì

Vừa bên trong
Giữ nguyên cả ảnh và thêm khoảng trống ở cạnh ngắn.
Cắt cho vừa khung
Lấp đầy khung vuông và cắt bỏ phần mép của ảnh rộng hoặc cao.
Nền
Trong suốt giữ độ trong suốt. Trắng hoặc đen sẽ tô kín. Biểu tượng Apple touch luôn có nền đặc.

Quyền riêng tư

Ảnh của bạn được đổi kích thước ngay trong trình duyệt và không bao giờ được tải lên.

Câu hỏi thường gặp

Tôi nhận được những tệp nào?

favicon.ico gồm các ảnh 16, 32 và 48 px, các PNG 16, 32 và 48 px riêng, apple-touch-icon.png 180 px, biểu tượng 192 và 512 px cho Android, tệp site.webmanifest và một tệp văn bản chứa các thẻ HTML.

Tôi có còn cần favicon.ico không?

Nhiều trình duyệt đọc biểu tượng PNG, nhưng một số trình thu thập dữ liệu, trình đọc nguồn cấp và công cụ cũ vẫn yêu cầu /favicon.ico, nên đáng để giữ lại.

Sao favicon của tôi nhỏ xíu và khó đọc?

Ở 16 điểm ảnh, chi tiết sẽ biến mất. Hãy dùng hình đơn giản hoặc một chữ cái trên nền trơn, và tránh nét mảnh hay chữ nhỏ.

Sao trình duyệt vẫn hiện biểu tượng cũ?

Trình duyệt lưu favicon trong bộ nhớ đệm rất lâu. Hãy tải lại cứng, hoặc thêm phiên bản như /favicon.ico?v=2 vào liên kết.

Tôi có thể tải lên SVG không?

Chưa có trong phiên bản này. Hãy xuất SVG thành PNG lớn trước. Một website hiện đại cũng có thể thêm liên kết biểu tượng SVG bên cạnh các tệp này.

Công cụ liên quan