Tạo favicon
Từ một ảnh ra đúng những kích thước icon mà trình duyệt thực sự yêu cầu — kèm đoạn mã để dán.
Chạy hoàn toàn trong trình duyệt của bạn
Đang tải công cụ...
Cách sử dụng
- Thả logo vào — nên là ảnh vuông, cạnh từ 512px nếu có.
- Tải từng icon, hoặc chỉ những cái bạn cần.
- Dán đoạn HTML vào phần head của trang.
- Thêm phần manifest vào tệp site.webmanifest nếu bạn có.
Tính năng
- Sáu kích thước: hai cỡ trình duyệt cần, icon màn hình chính iOS và hai cỡ cho manifest.
- Ảnh không vuông được cắt vuông ở giữa thay vì bóp méo.
- Cảnh báo khi một kích thước lớn hơn ảnh bạn đưa vào.
- Sinh sẵn thẻ link và JSON manifest khớp với tên tệp.
- Chạy hoàn toàn trong trình duyệt — ảnh không được tải lên.
Câu hỏi thường gặp
- Sao không có tệp .ico như mọi người hay nói?
- Vì trình duyệt không còn cần nó. Mọi trình duyệt đang dùng hiện nay đều đọc icon PNG từ thẻ link, và cách làm hiện đại là phục vụ các tệp PNG đó. Tệp .ico chỉ cần cho Internet Explorer rất cũ, thứ sẽ không ghé thăm nữa.
- Vì sao logo ngang của tôi bị cắt?
- Vì favicon là hình vuông, và lựa chọn còn lại là bóp méo — thứ khiến icon trông sai một cách khó gọi tên. Công cụ lấy hình vuông lớn nhất ở giữa, nên nếu phần bị cắt quan trọng thì hãy thiết kế một phiên bản vuông cho dấu hiệu nhận diện. Ở cỡ 16 pixel thì chữ cũng không đọc nổi; một chữ cái hoặc một biểu tượng sẽ hợp hơn.
- Thực sự cần những kích thước nào?
- 32 cho tab, 180 cho iOS, cùng 192 và 512 nếu bạn có web app manifest. 16 và 48 thì thêm cũng nhẹ và phục vụ các thanh dấu trang cũ. Ngoài ra là những tệp không ai yêu cầu.
Công cụ liên quan
Đưa ảnh về đúng kích thước mong muốn.
Cắt, đổi kích thước và nén hàng loạt ảnh, kèm tùy chọn xóa watermark AI.
Tìm con số thứ tư khi đã biết ba — và biết mình đang làm việc ở tỷ lệ nào.
Xuất SVG ra ảnh ở mọi kích thước mà vẫn sắc nét — vector được vẽ đúng ở kích thước bạn chọn, không phải phóng to sau khi vẽ.