Kích thước Favicon tốt nhất cho trang web

Có hàng tá khuyến nghị trực tuyến. Đây là bộ tối thiểu thực sự bao gồm 100% người dùng.

5 phút đọc

Check favicons on any website

Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.

Install Chrome Extension

Trình duyệt nào yêu cầu

Trình duyệt trên máy tính để bàn yêu cầu 16×16 (tab), 32×32 (thanh dấu trang) và 48×48 (kết quả tìm kiếm). Cả ba đều sống hạnh phúc bên trong một tệp .ico.

Hệ điều hành nào yêu cầu

Windows Menu Bắt đầu và File Explorer có thể yêu cầu kích thước lên tới 256×256. macOS thích .icns nhưng chấp nhận .ico. Gói 16, 32, 48, 64, 128, 256 trong .ico của bạn để bao gồm mọi thứ.

PWA và yêu cầu trên thiết bị di động là gì

Thêm 180×180 (apple-touch-icon) và 192×192 + 512×512 PNG (bản kê khai web) để cài đặt sạch màn hình chính.

Bộ khả thi tối thiểu

Nhiều kích thước favicon.ico + apple-touch-icon.png (180×180) + 512×512 PNG trong tệp kê khai của bạn. Thế thôi.

Câu hỏi thường gặp

What is the best favicon size for websites?

Ship a multi-size favicon.ico with 16, 32, 48, 64, 128, and 256 pixels. Add 180×180 for Apple and 192/512 PNGs for PWAs.

What favicon size do browsers use in tabs?

Desktop browsers typically request 16×16 for tabs, 32×32 for bookmark bars, and 48×48 for some search results.

What is the minimum favicon setup?

A multi-size favicon.ico plus apple-touch-icon.png (180×180) and a 512×512 PNG in your web manifest.

Do I need a 256×256 favicon?

Yes for Windows shortcuts and high-DPI surfaces. Bundle it inside your .ico file.

Hướng dẫn liên quan

Thử các công cụ

Đọc tiếp