ICO vs PNG pentru Favicons
ICO este universal, dar vechi; PNG este modern, dar are nevoie de legături explicite. Iată cum să le folosiți pe ambele împreună.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
ICO: alternativă universală
Fiecare browser de desktop preia /favicon.ico fără ca tu să faci nimic. Este un container care poate conține mai multe rezoluții.
Comenzile rapide Windows și File Explorer se bazează pe .ico, așa că, chiar dacă nu vă pasă de favicon-urile web, trimiteți una pentru sistemul de operare.
PNG: pixel-perfect la orice densitate
PNG se redă clar pe afișaje cu DPI ridicat atunci când îl conectați cu <link rel="icon" sizes="...">.
Folosiți PNG de 192×192 și 512×512 pentru manifestul web și 180×180 pentru apple-touch-icon.
Verdict: folosiți ambele
Trimiteți un .ico de mai multe dimensiuni pentru asistență universală, plus variante PNG pentru afișaje HD și solicitări de instalare PWA. Adăugați SVG deasupra pentru cea mai clară pictogramă scalabilă.
Întrebări frecvente
Should I use ICO or PNG for a favicon?
Use both: ICO for universal /favicon.ico fallback and PNG for high-DPI tabs and PWA manifest icons.
Does every browser support PNG favicons?
Modern browsers do when you link them with <link rel="icon" type="image/png">. ICO remains the safest default.
Is ICO outdated?
ICO is older but still required for Windows shortcuts and automatic /favicon.ico discovery by browsers.