Giải thích về kích thước Favicon
Mỗi trình duyệt, hệ điều hành và lời nhắc cài đặt đều yêu cầu một độ phân giải hình đại diện khác nhau. Hướng dẫn này ánh xạ mọi kích thước phổ biến lên bề mặt của nó để bạn biết chính xác những gì cần tạo từ một hình ảnh nguồn.
Các tab và dấu trang của trình duyệt nguồn 16×16 và 32×32 trên màn hình tiêu chuẩn và 2×. Chúng thuộc về favicon.ico và dưới dạng PNG độc lập tùy chọn.
48×48 và 64×64 bao gồm Windows Explorer, ghim thanh tác vụ và một số đoạn tìm kiếm.
128×128 và 256×256 được sử dụng bên trong các tệp .ico nhiều kích thước và giao diện người dùng XXIH0XX có độ phân giải cao.
180×180 là apple-touch-icon cho màn hình chính iOS. Yêu cầu 192×192 và 512×512 cho giao diện người dùng cài đặt Android và Chrome PWA.
Cách hoạt động
- 1
Chọn một nguồn vuông
512×512 PNG hoặc SVG với hình vuông viewBox.
- 2
Xuất toàn bộ
Sử dụng trình tạo favicon của chúng tôi cho .ico, apple-touch-icon và PNG tệp kê khai.
- 3
Liên kết từng kích thước
Sao chép các thẻ <link> sẵn sàng dán từ gói hướng dẫn trình tạo README hoặc HTML.
Thử ngay
Tạo mọi kích thước favicon
Tạo FaviconCâu hỏi thường gặp
Tôi thực sự cần bao nhiêu kích thước favicon?+
Tối thiểu: .ico nhiều kích thước (16/32/48) + 180 apple-touch-icon. Khuyến nghị: thêm 192 và 512 cho PWA.
Một hình ảnh có thể phù hợp với mọi kích cỡ không?+
Có — bắt đầu từ 512×512 hoặc SVG và xuất mọi kích thước theo chương trình. Không bao giờ nâng cấp một logo nhỏ.
Kích thước nào quan trọng nhất đối với SEO?+
Google sử dụng ít nhất 48×48 trong tìm kiếm. Gửi 48 bên trong .ico của bạn và dưới dạng PNG độc lập.
Công cụ liên quan
Tạo Favicon
Tạo bộ favicon hoàn chỉnh (ICO + PNG) cho mọi thiết bị và trình duyệt.
Chuyển đổi PNG sang ICO
Công cụ chuyển đổi PNG sang ICO trực tuyến miễn phí cho icon Windows, icon ứng dụng và website favicon.
Thay đổi Kích thước Ảnh
Thay đổi kích thước hình ảnh PNG, JPG và WebP theo kích thước chính xác.