Trình tạo favicon miễn phí
Tạo favicon từ hình ảnh với đầy đủ tệp cài đặt
Thêm một logo, kiểm tra ở kích thước favicon thật rồi tải favicon.ico, biểu tượng PNG, Apple touch icon, maskable icon, web manifest và đoạn mã HTML trong một tệp ZIP.
Được xử lý trong trình duyệt
Thả logo hoặc chọn hình ảnh
Được xử lý trong trình duyệt
3 steps
Cách tạo favicon cho website
- 1
Chọn ảnh PNG, JPG, WebP hoặc SVG hình vuông, có đủ khoảng trống quanh logo
- 2
Điều chỉnh khoảng đệm và màu nền, sau đó kiểm tra bản xem trước 16, 32, 48 và 180 px
- 3
Tạo tệp, tải ZIP và thêm các thẻ HTML được cung cấp vào <head> của website
Công dụng của từng tệp favicon
favicon.ico hỗ trợ trình duyệt và các hệ thống cũ. Tệp PNG 16 và 32 px dùng cho tab trình duyệt, Apple touch icon dùng khi lưu website trên iPhone hoặc iPad, còn maskable icon giúp biểu tượng PWA không bị cắt sai trên từng thiết bị.
FAQ
Câu hỏi về Favicon
Favicon nên có kích thước bao nhiêu+
Bộ tệp này tạo biểu tượng 16, 32 và 48 px cho trình duyệt, 180 px cho Apple, cùng 192 và 512 px cho ứng dụng web.
Có thể tạo favicon.ico từ PNG không+
Có. Công cụ sẽ đóng gói ảnh PNG 16, 32 và 48 px vào một tệp favicon.ico.
Hình ảnh có được tải lên máy chủ không+
Không. Hình ảnh được đọc, kết xuất và đóng gói thành ZIP ngay trong trình duyệt của bạn.
Nên đặt các tệp favicon ở đâu+
Trong hầu hết dự án, hãy đặt chúng ở thư mục gốc hoặc thư mục public của website, rồi thêm các thẻ link từ favicon-snippet.html vào phần head.