Tạo favicon
Thả logo của bạn một lần và nhận mọi icon mà một website cần, kèm đoạn mã để dán vào các trang.
Đã niêm phong trên thiết bị này
Chạy ngay trong trình duyệt. Không có gì được tải lên.
Đã niêm phong
Icon của bạn
Mã cho các trang của bạn
Đặt các tệp trong ZIP vào thư mục gốc của website, rồi dán đoạn mã này vào trong thẻ <head> của mọi trang.
Cách hoạt động
-
Thêm logo của bạn
Thả tệp SVG, PNG hoặc JPG vào, chọn tệp, hoặc dán vào. Ảnh vuông tối thiểu 512 × 512 pixel cho icon sắc nét nhất.
-
Tinh chỉnh giao diện
Thêm lề trong, màu nền hoặc bo góc, rồi xem kết quả trên tab trình duyệt và trên màn hình chính điện thoại.
-
Tải xuống và dán mã
Tải tệp ZIP, đặt các tệp bên trong vào thư mục gốc của website, rồi dán đoạn mã vào thẻ <head> của các trang.
Câu hỏi thường gặp
Tôi nhận được những tệp nào?
Một tệp favicon.ico chứa các icon 16, 32 và 48 pixel, các icon PNG cỡ 16, 32, 48, 192 và 512 pixel, một tệp apple-touch-icon.png 180 pixel cho iPhone và iPad, và một tệp site.webmanifest giúp Android dùng các icon 192 và 512 pixel của bạn. Tải từng tệp hoặc tải tất cả cùng lúc trong một tệp ZIP.
Tôi đặt các tệp ở đâu?
Ở thư mục gốc của website, cạnh trang chủ, để có thể truy cập chúng qua địa chỉ như /favicon.ico. Sau đó dán đoạn mã hiển thị bên dưới phần xem trước vào trong thẻ <head> của mọi trang. Trình duyệt cũng tự tìm /favicon.ico, nên ngay cả những trang không có đoạn mã vẫn hiển thị icon của bạn.
Ảnh của tôi nên có kích thước bao nhiêu?
Hình vuông và tối thiểu 512 × 512 pixel, bằng kích thước icon lớn nhất. SVG là lý tưởng nhất: nó được vẽ sắc nét ở mọi kích thước. Ảnh nhỏ hơn vẫn dùng được, nhưng khi đó các icon lớn sẽ bị phóng to và trông mờ.
Vì sao icon trông mờ hoặc quá nhỏ trên tab trình duyệt?
Ở kích thước 16 pixel, các chi tiết nhỏ và chữ mảnh sẽ biến mất. Hãy dùng một ký hiệu đơn giản, như một chữ cái hay một biểu tượng, thay vì cả logo có chữ, để lề trong nhỏ, và chọn “Cắt thành hình vuông” nếu ảnh của bạn dài theo chiều ngang.
Ảnh của tôi có bị tải lên không?
Không. Ảnh được đọc, đổi kích thước và lưu ngay trong trình duyệt, trên thiết bị của bạn. Ảnh không bao giờ được gửi đi đâu cả.
Vì sao Apple touch icon lại có nền?
iPhone và iPad tự bo góc các icon trên màn hình chính và hiển thị vùng trong suốt thành màu đen. Vì vậy Apple touch icon luôn có nền đặc và góc vuông: màu nền bạn chọn, hoặc màu trắng nếu bạn chọn trong suốt.