Trình tạo favicon: Chuyển PNG sang favicon trực tuyến

Các tệp biểu tượng mà website cần

Trình duyệt dùng biểu tượng 32 × 32 cho các thẻ và dấu trang, iPhone và iPad dùng biểu tượng 180 × 180 cho lối tắt trên màn hình chính, còn các ứng dụng web có thể cài đặt liệt kê biểu tượng 192 × 192 và 512 × 512 trong tệp kê khai. Liên kết hai biểu tượng đầu tiên từ phần đầu trang bằng <link rel="icon" href="/favicon-32.png" sizes="32x32"> và <link rel="apple-touch-icon" href="/apple-touch-icon.png">.

Google hiển thị favicon của website trong kết quả tìm kiếm và yêu cầu biểu tượng hình vuông có kích thước là bội số của 48 pixel, vì vậy bạn cũng nên liên kết phiên bản 48, 96 hoặc 144 pixel.

Thiết kế cho 16 pixel

Favicon thường được hiển thị ở kích thước 16 × 16, nơi văn bản, đường nét mảnh và chi tiết nhỏ sẽ biến mất. Hãy dùng một chữ cái hoặc hình dạng đơn giản nhất của logo, với độ tương phản cao. iOS hiển thị các phần trong suốt của biểu tượng màn hình chính thành màu đen, vì vậy hãy tạo nền đặc cho phiên bản 180 pixel.

Để có gói hoàn chỉnh, bao gồm tệp .ico nhiều kích thước và tệp kê khai ứng dụng web, hãy dùng bộ chuyển đổi favicon; còn với biểu tượng ứng dụng iPhone, iPad và Android, hãy dùng trình tạo biểu tượng ứng dụng.

Cách sử dụng

1. Chọn hình ảnh nguồn vuông hoặc hình chữ nhật.
2. Chọn kích thước biểu tượng tiêu chuẩn.
3. Tạo và tải xuống tệp PNG đã được điều chỉnh.

Quyền riêng tư và giới hạn

Quá trình tạo biểu tượng diễn ra trong trình duyệt của bạn. Công cụ tạo các tệp PNG thay vì một bộ chứa ICO đa độ phân giải.