Ukuran Favicon Terbaik untuk Situs Web
Ada lusinan rekomendasi online. Inilah kumpulan minimal yang sebenarnya mencakup 100% pengguna.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
Permintaan browser apa
Browser desktop meminta 16×16 (tab), 32×32 (bilah bookmark), dan 48×48 (hasil pencarian). Ketiganya hidup bahagia dalam satu file .ico.
Sistem operasi apa yang diminta
Menu Start Windows dan File Explorer dapat meminta hingga 256x256. macOS lebih memilih .icns tetapi menerima .ico. Bundel 16, 32, 48, 64, 128, 256 di .ico Anda untuk mencakup semuanya.
Apa PWA dan permintaan seluler
Tambahkan 180×180 (apple-touch-icon) dan 192×192 + 512×512 PNGs (manifes web) untuk pemasangan layar beranda yang bersih.
Set minimum yang layak
Multi-ukuran favicon.ico + apple-touch-icon.png (180×180) + 512×512 PNG dalam manifes Anda. Itu saja.
FAQ
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.