Trình tạo Favicon
Tải ảnh hoặc logo lên để tạo các kích thước favicon PNG và favicon.ico.
Khái niệm
Favicon là biểu tượng nhận diện trên tab, bookmark và màn hình PWA
Favicon không chỉ là ảnh xem trước; nó cần bao gồm cả liên kết HTML và manifest để xuất hiện đúng ở tab, bookmark và màn hình cài đặt.
Tab thường cần kích thước 16~48px, bookmark và PWA thường cần PNG 180/192/512px cùng file favicon phù hợp.
Sau khi tạo ảnh nền trong suốt, hãy kiểm tra contrast trong dark mode và xem lại hiển thị thực tế trên tab, bookmark, cài đặt thiết bị.
Phạm vi sử dụng
Áp dụng khi cần đồng thời chuẩn bị favicon.ico, site.webmanifest và link rel icon/Apple Touch untuk tab, bookmark và PWA.
Kích thước khuyến nghị
Tạo phiên bản 16/32/48/180/192/512px (PNG), favicon.ico và nếu cần SVG để bao phủ browser và mobile.
Kiểm tra trước dùng
Xác nhận nền trong suốt, contrast trong chế độ tối, base href, và việc icon hiển thị đúng ở tab/bookmark/thiết bị cài đặt.
Mục tiêu không dừng ở ảnh mẫu; cần đảm bảo favicon, manifest và html liên kết cùng nhau hoạt động thực tế trên trình duyệt.
Trình tạo Favicon Không gian tạo favicon
Cách sử dụng
- 1 Chọn hoặc kéo thả ảnh gần dạng hình vuông.
- 2 Nhấn tạo favicon để tạo nhiều kích thước PNG và favicon.ico.
- 3 Tải từng tệp hoặc tải ZIP, rồi kiểm tra đường dẫn tương đối hoặc base path trong mã HTML link theo cách triển khai của bạn.
Trường hợp sử dụng phổ biến
- Tạo bộ favicon PNG/ICO
- Tạo favicon từ ảnh logo
- Tạo ứng viên Apple Touch Icon
- Chuẩn bị mã HTML link cho favicon
Câu hỏi thường gặp
Công cụ có tạo tệp ICO không?
Có. V2 tạo các kích thước favicon PNG, favicon.ico và mã HTML link, kèm tải ZIP cho toàn bộ bộ tệp. Ví dụ HTML dùng đường dẫn tương đối theo mặc định, vì vậy hãy thêm base path trước từng href nếu triển khai dưới subpath. Mặc định là tạo trong trình duyệt; tạo tối ưu trên máy chủ dùng Cloud Run để resize.