Công cụ tạo favicon
Tạo PNG cho trang của bạn và một ICO chứa kích thước 16px và 32px từ 1 ảnh JPEG, PNG, WebP hoặc SVG tĩnh. Chọn kích thước PNG và cách cắt hoặc thêm padding, rồi lưu các ảnh và thẻ HTML cần thiết cho việc chuẩn bị ra mắt hoặc đổi logo, riêng lẻ hoặc dưới dạng ZIP. Chọn 192px hoặc 512px cũng sẽ kèm cấu hình manifest icon mẫu.
Tính năng
Tạo nhiều kích thước cùng lúc
Tạo PNG ở các kích thước đã chọn cùng một ICO chứa 16 và 32px.
Lưu cả tệp cài đặt
Gói hình ảnh và thẻ HTML vào ZIP, kèm ví dụ cấu hình icon manifest khi cần.
Cách sử dụng
Chọn hình ảnh nguồn
Chọn 1 hình ảnh JPEG, PNG, WebP hoặc SVG tĩnh.
Chọn kích thước và cách vừa khung
Chọn các kích thước PNG cần thiết rồi chọn cắt vuông hoặc thêm khoảng đệm.
Kiểm tra cả kích thước nhỏ
Kiểm tra các icon đã tạo. Giảm kích thước có thể khiến chữ và các đường mảnh khó đọc.
Lưu và đặt lên trang của bạn
Giải nén ZIP, đặt hình ảnh lên trang của bạn và điều chỉnh các đường dẫn trong thẻ HTML cho khớp với cấu trúc trang.
Hữu ích cho
Chuẩn bị để đăng trang của bạn
Chuẩn bị icon nhỏ cho thẻ tab và các mục đích tương tự, cùng hình ảnh cho màn hình chính.
Thay icon khi bạn đổi logo
Tạo lại các kích thước bắt buộc từ cùng một hình ảnh nguồn để khớp với icon trên trang của bạn.
Cách dùng bộ icon trên trang của bạn
Khác biệt giữa ICO và PNG
ICO có thể lưu hình ảnh ở nhiều kích thước. ICO của công cụ này luôn chứa 16×16 và 32×32. PNG được tạo riêng lẻ ở các kích thước đã chọn.
Icon nhỏ trông ra sao
Chữ đọc được trên hình ảnh nguồn lớn có thể khó nhận ra ở 16px hoặc các kích thước nhỏ khác. Hãy kiểm tra từng kích thước đã tạo.
Vị trí hình ảnh và đường dẫn trong HTML
Các ví dụ cấu hình giả định đặt tại thư mục gốc của trang. Nếu đặt ở vị trí khác, hãy cập nhật cả href trong HTML và src trong manifest cho phù hợp.
manifest chỉ là ví dụ cấu hình icon
Được tạo khi bạn chọn 192px hoặc 512px. Điều này không hoàn tất việc cấu hình toàn bộ web app.
Câu hỏi thường gặp
Tôi có thể tạo ICO mà không cần chọn PNG không?
Bạn phải chọn ít nhất 1 kích thước PNG. ICO luôn chứa 16px và 32px bất kể bạn chọn PNG nào.
Tôi có thể lưu nhiều kích thước cùng lúc không?
Lưu hình ảnh cùng tệp cài đặt thành một ZIP. Bạn cũng có thể lưu riêng từng hình ảnh và các ví dụ cấu hình.
Tôi có thể dùng hình ảnh hình chữ nhật không?
Hãy cắt phần giữa thành hình vuông hoặc thêm khoảng đệm để giữ toàn bộ hình ảnh. Công cụ này không có tính năng điều chỉnh vị trí hay độ giãn của hình ảnh.
Sau khi tạo xong, nó có tự xuất hiện trên trang của tôi không?
Nó không được đăng tự động. Hãy đặt hình ảnh lên trang của bạn, cấu hình HTML và manifest, rồi kiểm tra giao diện tại nơi sử dụng.
Xử lý tệp
- Đầu vào
- Dùng 1 hình ảnh JPEG, PNG, WebP hoặc SVG tĩnh.
- Kết quả
- ICO, các PNG đã chọn, HTML và manifest khi phù hợp. Kết quả là hình ảnh tĩnh và metadata được loại bỏ.