Definícia

Favicon (z anglického „favorite icon“) je malá grafická ikona, ktorá vizuálne reprezentuje web alebo značku naprieč rôznymi rozhraniami, v ktorých sa stránka zobrazuje. Najčastejšie ju vidno na karte prehliadača vedľa názvu stránky. 

Popis

Aj keď ide o technicky drobný prvok, jeho funkcia je predovšetkým identifikačná a dôveryhodnostná. Favicon pomáha používateľovi okamžite rozpoznať web medzi desiatkami otvorených kariet alebo výsledkov vyhľadávania bez toho, aby musel čítať text. Vizuálna identita zdroja v podobe favicony sa čoraz viac objavuje aj v rozhraniach AI vyhľadávačov a citácií, napríklad pri zobrazovaní zdrojov v Perplexity alebo ChatGPT Search, kde favicon slúži rovnako ako pri klasickom vyhľadávaní, teda ako rýchly vizuálny identifikátor dôveryhodnosti zdroja.

Chýbajúca alebo nesprávne nastavená favicon sa nahrádza generickou ikonou (najčastejšie sivým glóbusom). Prehliadač ju zobrazí v dvoch prípadoch: buď daný web nemá vôbec definovanú vlastnú ikonu, alebo sa ju prehliadaču nepodarilo zo servera správne načítať.

Hoci neexistuje jeden pevný zákon, technické parametre určuje konzorcium W3C a technologickí lídri ako Google či Apple.

Pre zobrazenie na všetkých zariadeniach sa dnes používajú nasledujúce štandardy:

  • Formáty: Moderným základom sú PNG a vektorové SVG pre svoju výbornú ostrosť na retina displejoch. Starší formát .ico sa využíva ako poistka pre staré prehliadače.
  • Základné rozmery: Ikona favicony musí byť vždy štvorcová v pomere strán 1:1. Pre karty prehliadačov sa používa veľkosť 32 × 32 px. Google však pre správne zobrazenie vo výsledkoch vyhľadávania striktne vyžaduje násobky rozmeru 48 × 48 px.
  • Mobilné platformy: Systém Apple iOS vyžaduje pre uloženie na plochu ikonu Apple Touch Icon s rozmerom 180 × 180 px, zatiaľ čo Android a webové aplikácie (PWA) pracujú s formátmi 192 × 192 px a 512 × 512 px. Ikony pre progresívne webové aplikácie sa definujú aj v súbore manifest.json.

Funkčnosť faviconu môžete overiť niekoľkými spôsobmi. Najrýchlejšia je priama kontrola zadaním /favicon.ico za doménu alebo cez zobrazenie zdrojového kódu stránky. Pre detailnú technickú analýzu slúži Chrome DevTools, ktorá overí úspešné načítanie (status 200) a formát súboru. Správne rozmery, štvorcový pomer strán a kompatibilitu s vyhľadávačmi rýchlo otestujú online validátory.