Chỉ cần một tấm ảnh. Nhận favicon.ico, PNG đủ kích thước và đoạn HTML sẵn để dán — tất cả trong một ZIP.
Nhấp để chọn tệpKéo ảnh vào đây
Nên dùng PNG vuông (512px trở lên)
Biến một logo hay hình ảnh thành một bộ favicon đầy đủ cho website của bạn. Từ favicon.ico hiển thị trên tab trình duyệt, đến các ảnh PNG ở nhiều kích thước, cho tới đoạn mã HTML dán là dùng được — nó gom tất cả lại một lần, nên việc chuẩn bị biểu tượng cho một trang mới không còn phiền phức nữa. Bạn nhận tất cả gọn gàng trong một tệp ZIP.
Cách sử dụng
- 1Kéo hình bạn muốn dùng làm biểu tượng vào, hoặc nhấp để tải lên (khuyến nghị PNG vuông, từ 512px trở lên).
- 2Ngay khi tải lên, favicon.ico và các ảnh PNG ở nhiều kích thước được tạo tự động.
- 3Sao chép đoạn mã HTML hiển thị bên cạnh và dán vào <head> của trang web.
- 4Nhấn Tải ZIP, đặt các tệp vào thư mục trang của bạn — vậy là xong!
Mẹo hữu ích
- Hãy tải lên hình vuông để không bị méo; hình không vuông có thể bị kéo dãn.
- Biểu tượng hiển thị rất nhỏ, nên một hình dạng đơn giản, rõ nét dễ nhìn hơn so với nét mảnh hay chữ nhỏ.
- Giữ các tệp trong ZIP ở thư mục gốc của trang để các đường dẫn trong đoạn mã (/favicon.ico, v.v.) khớp ngay.
Câu hỏi thường gặp
Một favicon.ico, các ảnh PNG ở nhiều kích thước như favicon-16x16.png và favicon-32x32.png, một apple-touch-icon.png cho thiết bị Apple, PNG 192 và 512px, một site.webmanifest, và đoạn mã HTML dán là dùng được (snippet.html).
Sao chép đoạn mã hiển thị trên màn hình và dán vào <head> của trang. Miễn là các tệp ZIP nằm ở thư mục gốc của trang, các đường dẫn trong đoạn mã sẽ hoạt động ngay.
Mọi hình ảnh như PNG, JPG hay WebP đều được; khuyến nghị một PNG vuông (từ 512px trở lên) có nền trong suốt sạch sẽ. Kết quả được tạo thành một favicon.ico cùng một bộ PNG.
Không. Mọi thứ chạy ngay trong trình duyệt, nên logo gốc của bạn không bao giờ rời khỏi thiết bị. Tệp ZIP cũng được tạo ngay trong trình duyệt.