Favicon

Patrik Sivák

2 minuty čítania

25. 2. 2025

Favicon, skratka pre "favorite icon" alebo "shortcut icon", je malý, ale významný grafický prvok webových stránok. Ide o miniatúrnu ikonu, ktorá reprezentuje webovú stránku v rôznych častiach prehliadača a operačného systému. Tento malý obrázok, zvyčajne s rozmermi 16x16 alebo 32x32 pixelov, hrá dôležitú úlohu v identifikácii a rozpoznateľnosti webových stránok.

Koncept faviconu bol prvýkrát predstavený spoločnosťou Microsoft v roku 1999 s vydaním Internet Explorer 5. Pôvodne bol navrhnutý ako spôsob, ako pomôcť používateľom rýchlo identifikovať webové stránky v ich zozname obľúbených položiek. Odtiaľ pochádza aj názov "favorite icon". Časom sa jeho využitie rozšírilo a dnes je favicon štandardnou súčasťou takmer každej webovej stránky.

Favicony sa zobrazujú na rôznych miestach v závislosti od prehliadača a operačného systému. Najčastejšie ich môžeme vidieť:

1. V záložkách prehliadača
2. V adresnom riadku vedľa URL adresy
3. V histórii prehliadania
4. V zozname obľúbených stránok
5. Na ploche, ak si používateľ uloží odkaz na webovú stránku

Napriek svojej malej veľkosti má favicon veľký význam pre branding a užívateľskú skúsenosť. Pomáha používateľom rýchlo identifikovať konkrétnu webovú stránku medzi mnohými otvorenými záložkami, čo je obzvlášť užitočné v dnešnej dobe, keď ľudia často pracujú s viacerými otvorenými stránkami naraz.

Z technického hľadiska môže byť favicon vytvorený v rôznych formátoch, vrátane ICO, PNG, GIF alebo SVG. Moderné prehliadače podporujú väčšinu bežných obrazových formátov, ale ICO formát zostáva najkompatibilnejším a najširšie podporovaným.

V súčasnosti sa koncept faviconu rozšíril aj na mobilné zariadenia, kde sa používajú väčšie verzie ikon pre aplikácie a záložky na domovskej obrazovke. Tieto ikony, niekedy nazývané "apple-touch-icon" alebo "android-chrome-icon", fungujú na podobnom princípe ako tradičné favicony, ale sú optimalizované pre dotykové obrazovky a vyššie rozlíšenia mobilných zariadení.

Blog

ZDIEĽAJTE ČLÁNOK

TAGY

Chcete vedieť viac o zlepšení obsahu? Ozvite sa mi.

Ako funguje digitál? Vieme a radi sa o to podelíme.