Cele mai bune dimensiuni de favicon pentru site-uri web

Există zeci de recomandări online. Iată setul minim care acoperă de fapt 100% dintre utilizatori.

5 min de citit

Check favicons on any website

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

Install Chrome Extension

Ce solicită browserele

Browserele desktop solicită 16×16 (filă), 32×32 (bara de marcaje) și 48×48 (rezultate căutării). Toți trei trăiesc fericiți într-un singur fișier .ico.

Ce sisteme de operare cer

Windows Meniul Start și File Explorer pot solicita până la 256×256. macOS preferă un .icns, dar acceptă .ico. Pachetul 16, 32, 48, 64, 128, 256 în .ico dvs. pentru a acoperi totul.

Ce PWA-uri și ce solicită mobil

Adăugați 180×180 (apple-touch-icon) și 192×192 + 512×512 PNG (manifest web) pentru instalări curate pe ecranul de pornire.

Setul minim viabil

favicon.ico cu dimensiuni multiple + apple-touch-icon.png (180×180) + un PNG de 512×512 în manifest. Asta este.

Întrebări frecvente

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.

Ghiduri aferente

Încearcă instrumentele

Continuă lectura