Favicon (.ico) vs PNG
ICO și PNG nu sunt concurenți – sunt parteneri. Configurația modernă a faviconului folosește .ico ca alternativă universală și PNG ca înlocuire cu DPI ridicat. Iată exact când câștigă fiecare.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
ICO este unic prin faptul că un singur fișier încorporează mai multe rezoluții. Browserul sau sistemul de operare alege cea mai apropiată potrivire la momentul extragerii - fără upscaling, fără margini neclare.
PNG este mai clar la orice rezoluție individuală și acceptă o compresie mai bună pentru logo-urile în culori uni. Nu poate încorpora mai multe dimensiuni într-un singur fișier.
Configurarea optimă este un .ico de dimensiuni multiple plus 32×32 și 180×180 PNG-uri de sine stătătoare pentru browsere cu DPI ridicat și iOS.
Cum funcționează
- 1
Începeți de la o sursă 512×512
PNG sau SVG.
- 2
Generați ambele formate
FetchFavicon emite un .ico cu mai multe dimensiuni plus 16/32/48/180/192/512 PNG-uri autonome.
- 3
Conectați ambele în <head>
<link rel="icon" href="/favicon.ico"> urmat de <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">.
Încearcă acum
Generați atât .ico, cât și PNG
Convertor PNG în ICOÎntrebări frecvente
Care are dimensiunea mai mică a fișierului?+
Un singur PNG este mai mic decât un .ico cu aceeași rezoluție, dar un .ico cu mai multe dimensiuni înlocuiește 4-6 PNG și, de obicei, câștigă pe totalul de octeți.
Afișează Google PNG favicons în rezultatele căutării?+
Da. Google acceptă atât .ico, cât și PNG. Preferă un raport de aspect pătrat de cel puțin 48×48.
PNG poate suporta modul întunecat?+
Nu direct. Utilizați o variantă SVG alături de PNG pentru asistență în modul întunecat.