Trình tạo favicon — Tạo tệp favicon.ico và các biểu tượng PNG từ văn bản, biểu tượng cảm xúc hoặc hình ảnh.

Favicon Generator là gì?

Favicon là biểu tượng nhỏ hiển thị trên các tab trình duyệt, dấu trang và kết quả tìm kiếm, nằm bên cạnh tên trang web của bạn. Một favicon đẹp sẽ giúp tab của bạn dễ dàng được nhận ra giữa vô số tab khác.

Trình tạo này sẽ vẽ biểu tượng của bạn trên khung vẽ với mọi kích thước bạn cần và cho phép bạn tải xuống từng tệp, bao gồm tệp favicon.ico với nhiều kích thước khác nhau, cùng với các thẻ liên kết để thêm vào trang web của bạn.

Tại sao mọi người lại sử dụng công cụ tạo favicon?

Giải thích về các kích thước của favicon

favicon.ico là tệp tin tiêu chuẩn nằm trong thư mục gốc của trang web. Công cụ này gộp các phiên bản có kích thước 16, 32 và 48 pixel vào một tệp ICO duy nhất. Các tệp PNG kích thước 16×16 và 32×32 phù hợp với các trình duyệt hiện đại, trong khi tệp 32×32 hiển thị sắc nét hơn trên màn hình có mật độ điểm ảnh cao. Tệp apple-touch-icon.png kích thước 180×180 được sử dụng khi người dùng thêm trang web của bạn vào màn hình chính của iPhone hoặc iPad.

Các tệp PNG có kích thước 192×192 và 512×512 là các kích thước được sử dụng bởi hệ điều hành Android và các ứng dụng web có thể cài đặt; hãy liệt kê chúng trong tệp manifest của ứng dụng web. Các công cụ tìm kiếm cũng có thể hiển thị biểu tượng favicon trong kết quả tìm kiếm, và Google yêu cầu một biểu tượng hình vuông có kích thước là bội số của 48 pixel, điều này được đáp ứng bởi các tệp 48 và 192.

Cách sử dụng Trình tạo biểu tượng trang web (Favicon)

1. Chọn “Văn bản” hoặc “Hình ảnh”. Đối với văn bản, hãy nhập một hoặc hai ký tự hoặc một biểu tượng cảm xúc và chọn màu sắc. Đối với hình ảnh, hãy chọn một tệp.
2. Chọn một hình dạng: hình vuông, hình vuông bo tròn hoặc hình tròn.
3. Hãy xem các bản xem trước ở từng kích thước. Các kích thước nhỏ được hiển thị theo kích thước pixel thực tế.
4. Hãy tải xuống các tệp bạn cần, hoặc chọn “Tải xuống tất cả”, sau đó sao chép đoạn mã HTML vào phần <head> của trang web của bạn.

Một số mẹo đơn giản

• Một hoặc hai ký tự hiển thị rõ nhất ở độ phân giải 16 pixel. Các từ dài sẽ trở nên mờ nhòe.
• Hãy sử dụng độ tương phản cao giữa biểu tượng và nền để biểu tượng vẫn dễ đọc trên cả các tab sáng và tối.
• Đối với các logo có nhiều chi tiết, hãy sử dụng biểu tượng được đơn giản hóa hoặc chỉ dùng chữ cái đầu tiên.
• Hãy đặt các tệp vào thư mục gốc của trang web để các liên kết trong đoạn mã hoạt động, hoặc điều chỉnh đường dẫn cho phù hợp với các thư mục của bạn.

Các hạn chế và quyền riêng tư