Čo je Favicon?
Favicon (skratka pre „favorite icon") je malá ikonka spojená s webstránkou, ktorá sa zobrazuje v záložke prehliadača, v záložkách (bookmarks) a v histórii prehliadania. Pomáha návštevníkom rýchlo identifikovať vašu stránku.
Definícia Favicon
Definícia faviconu
Favicon (z anglického favorite icon) je súbor obsahujúci jednu alebo viac malých ikon spojených s konkrétnou webstránkou. Zobrazuje sa v záložke prehliadača vedľa názvu stránky, v zozname záložiek (bookmarks), v histórii prehliadania a v adresnom riadku.
Favicon prvýkrát podporoval prehliadač Internet Explorer 5, vydaný spoločnosťou Microsoft v marci 1999. Pôvodne to bol súbor s názvom favicon.ico umiestnený v koreňovom adresári webstránky. V roku 2003 bol favicon zahrnutý do špecifikácie W3C ako štandard HTML.
Technické detaily
- Formáty: ICO (pôvodný, podporuje viacero veľkostí v jednom súbore), PNG (moderný, najrozšírenejší), SVG (vektorový, škálovateľný), GIF
- Veľkosti: 16x16 px (záložka prehliadača), 32x32 px (skratka na ploche), 180x180 px (Apple Touch Icon pre iOS), 192x192 px a 512x512 px (Android/PWA)
- Implementácia: Pridáte
<link rel="icon">tag do hlavičky HTML stránky
Prečo je favicon dôležitý
Favicon je malý, ale dôležitý prvok vizuálnej identity vašej značky na webe. Keď má návštevník otvorených 20 záložiek, favicon mu pomáha rýchlo nájsť vašu stránku. Stránka bez faviconu pôsobí nedokončene a neprofesionálne — prehliadač zobrazí generickú ikonu.
Praktický príklad
Príklad: Reštaurácia s webstránkou.
Bez faviconu: V záložke prehliadača sa zobrazuje generická ikona zemegule. Keď má zákazník otvorených viac záložiek, nerozozná vašu stránku od ostatných.
S faviconom: V záložke sa zobrazuje vaše logo (napr. vidlička alebo symbol reštaurácie). Zákazník vašu stránku okamžite nájde medzi desiatkami záložiek.
Tip: Favicon by mal byť zjednodušenou verziou vášho loga — čitateľný aj v 16x16 pixeloch. Nepoužívajte celý názov firmy, len symbol alebo inicály.
Často kladené otázky
Čo je favicon?
Favicon je malá ikonka (zvyčajne 16x16 alebo 32x32 pixelov), ktorá sa zobrazuje v záložke prehliadača vedľa názvu stránky. Pomáha používateľom rýchlo identifikovať webstránku.
Ako pridať favicon na webstránku?
Vytvorte ikonu vo formáte PNG alebo ICO a pridajte do HTML hlavičky tag <link rel="icon" href="/favicon.ico">. Pre moderné prehliadače odporúčame aj SVG formát a Apple Touch Icon.
Aká je ideálna veľkosť faviconu?
Potrebujete minimálne 16x16 px (záložky), 32x32 px (skratky), 180x180 px (Apple Touch Icon) a 192x192 px (Android/PWA). Najlepšie je vygenerovať všetky veľkosti naraz.
Ovplyvňuje favicon SEO?
Favicon priamo neovplyvňuje pozície v Google, ale zobrazuje sa vo výsledkoch mobilného vyhľadávania Google vedľa URL stránky. Profesionálny favicon zvyšuje dôveryhodnosť a mieru prekliku.
Súvisiace pojmy
Potrebujete pomôcť s webom?
Napíšte mi a poradím vám s vaším projektom. Prvá konzultácia je zadarmo a nezáväzná.