Cum funcționează formatele Favicon
Știind cum funcționează fiecare format, vă ajută să depanați inevitabila problemă „favicon-ul meu nu se afișează”.
Containerul .ico
Un fișier .ico este un antet urmat de una sau mai multe intrări de imagine. Fiecare intrare poate fi BMP sau PNG și fiecare are o lățime, înălțime și adâncime de biți.
Browserele analizează directorul, aleg intrarea care se potrivește cu dimensiunea cerută și decodifică doar pe aceea.
PNG în interiorul .ico
Pentru dimensiunile 64×64 și mai mari, compresia PNG reduce dimensiunea fișierului de 5-10x, fără pierderi vizuale. Generatoarele moderne (inclusiv ale noastre) fac acest lucru automat.
SVG favicons
O favicon SVG este un fișier SVG normal. Browserele îl redau ca orice alt SVG, iar blocul <style> poate adapta culorile pe baza preferințelor-color-scheme.
Cum aleg browserele
Dacă expediați mai multe etichete <link rel="icon">, browserele o aleg pe cea care se potrivește cel mai bine cu suprafața (filă vs marcaj vs instalare). SVG este de preferat atunci când este acceptat; .ico este soluția de rezervă.