Trình tạo Favicon
Biến bất kỳ hình ảnh nào thành bộ favicon hoàn chỉnh: tệp .ico, các kích thước PNG, Apple touch icon và web manifest, tất cả được tạo ngay trong trình duyệt của bạn.
Công cụ liên quan
Cách dùng Trình tạo Favicon
- 01
Tải lên một hình ảnh vuông. Một logo hoặc biểu tượng đơn giản là phù hợp nhất, và nó được xử lý ngay trong trình duyệt của bạn.
- 02
Tùy chọn chọn nền và nhập tên trang web cho web manifest.
- 03
Tải xuống tệp ZIP và dán đoạn mã HTML vào phần head của trang.
Favicon là gì
Favicon là biểu tượng nhỏ hiện trên thẻ trình duyệt, trong dấu trang và trên màn hình chính của điện thoại. Đó là một chi tiết tí hon khiến một trang web trông hoàn chỉnh và dễ nhận ra, và các trình duyệt hiện đại mong đợi có vài phiên bản của nó.
Vì sao một tấm ảnh là không đủ
Vướng mắc nằm ở đó: một tấm ảnh không còn đủ nữa. Bạn cần một tệp .ico nhiều kích thước cho các trình duyệt cổ điển, các cỡ PNG riêng, một biểu tượng cảm ứng của Apple cho màn hình chính iOS, các tệp PNG lớn hơn cho Android, và một tệp manifest nếu muốn trang cài đặt được.
Bộ tạo này dựng toàn bộ bộ tệp từ một tấm ảnh duy nhất, gồm cả một tệp .ico nhiều kích thước thực thụ, và đưa cho bạn đúng đoạn HTML để thả vào phần head của trang, nên bạn không phải tự ráp hay tự viết bất cứ phần nào.
Nên tải lên tấm ảnh nào
Để có kết quả tốt nhất, hãy tải lên một ảnh vuông ít nhất 512 px, tốt nhất là một logo hay dấu hiệu đơn giản chứ không phải một tấm ảnh nhiều chi tiết, vì biểu tượng thường được hiện rất nhỏ. Ảnh không vuông sẽ được canh giữa và độn thêm cho thành hình vuông, nên chi tiết ở gần mép có thể lọt vào phần lề.
Màu nền và tên trang
Bạn có thể đặt thêm một màu nền và tên trang của mình nếu muốn. Tên trang đi vào tệp manifest được dùng khi ai đó thêm trang vào màn hình chính của họ.
Chạy trong trình duyệt của bạn
Mọi thứ chạy tại chỗ trong trình duyệt của bạn bằng Canvas API, nên ảnh không bao giờ được tải lên. Bạn tải về một tệp ZIP chứa mọi tệp cần thiết cùng đoạn mã để dán vào.
Câu hỏi thường gặp
Gói favicon gồm những gì?
Một tệp favicon.ico với 16, 32 và 48 px, các tệp PNG 16 và 32 px riêng, một Apple touch icon 180 px, các tệp PNG 192 và 512 px cho Android, một site.webmanifest và đoạn mã HTML để dán vào phần head của trang.
Tôi nên tải lên hình ảnh nào?
Hình ảnh vuông ít nhất 512 px là tốt nhất, lý tưởng là một logo hoặc biểu tượng đơn giản. Hình ảnh không vuông sẽ được căn giữa và thêm lề để thành hình vuông, nên các chi tiết gần mép có thể nằm trong phần lề.
Hình ảnh của tôi có được tải lên không?
Không. Các biểu tượng được tạo trong trình duyệt của bạn bằng Canvas API, nên hình ảnh của bạn không bao giờ rời khỏi thiết bị.