Mọi Favicon Website Của Bạn Cần, Từ Một Ảnh Duy Nhất
Mỗi trình duyệt, điện thoại và hệ điều hành lại tìm một biểu tượng khác nhau. Tải logo của bạn lên và công cụ này sẽ tạo trọn bộ: favicon.ico chứa các kích thước 16, 32 và 48 px, favicon-16x16.png và favicon-32x32.png, apple-touch-icon.png 180 px, biểu tượng android-chrome 192 và 512 px, cùng site.webmanifest liên kết tất cả.
Tải mọi thứ xuống dưới dạng ZIP, đặt các tệp vào thư mục gốc của website và dán mã HTML vào phần <head> của các trang. Biểu tượng Apple được đặt nền đặc vì iOS hiển thị vùng trong suốt thành màu đen. Tất cả biểu tượng được tạo trên trình duyệt của bạn — không có gì được tải lên.
Tại Sao Nên Dùng Công Cụ Tạo Favicon Này?
- favicon.ico, favicon PNG, biểu tượng Apple và Android trong một tệp ZIP
- site.webmanifest và mã HTML dùng ngay
- Hỗ trợ logo PNG, JPG, WebP và SVG
- Chạy trên trình duyệt — không tải lên, không cần đăng ký
Cách Tạo Favicon
- Chọn logo của bạn — tốt nhất là PNG hoặc SVG hình vuông
- Điều chỉnh khoảng đệm và màu sắc, rồi kiểm tra bản xem trước
- Nhấp vào "Tải xuống ZIP", tải các tệp lên website và dán mã HTML
Câu Hỏi Thường Gặp
Công cụ tạo favicon này có miễn phí không?
Có, hoàn toàn miễn phí, không giới hạn và không có hình mờ.
Tôi cần những tệp nào?
Các trình duyệt hiện đại dùng favicon-32x32.png và favicon.ico, iPhone và iPad dùng apple-touch-icon.png khi trang được thêm vào màn hình chính, còn Android và các ứng dụng web có thể cài đặt dùng biểu tượng 192 và 512 px được khai báo trong site.webmanifest. Hãy tải tất cả lên thư mục gốc của website và thêm mã HTML — như vậy là đáp ứng mọi trường hợp.
Tôi có thể dùng logo SVG không?
Có. SVG được vẽ ở độ phân giải cao trước, nên mọi kích thước biểu tượng đều sắc nét hoàn hảo. Ảnh hình vuông cho kết quả tốt nhất; các tỷ lệ khác sẽ được căn giữa với lề trong suốt.
Logo của tôi có bị tải lên máy chủ không?
Không. Tất cả biểu tượng được tạo trên trình duyệt của bạn; ảnh không bao giờ rời khỏi thiết bị của bạn.