Favicon je dnes dôležitým prvkom webovej identity. Tento malý symbol sa zobrazuje v záložkách prehliadača, medzi otvorenými oknami a v niektorých prípadoch aj v mobilných aplikáciách alebo vyhľadávačoch. Favicona by mal jasne reprezentovať logo alebo symbol webovej stránky, čo pomáha užívateľovi rýchlo identifikovať stránku medzi mnohými otvorenými kartami. Pokiaľ web nemá vlastnú favicon, prehliadač často zobrazí predvolenú ikonu použitého systému, napríklad WordPress alebo Drupal, čo môže pôsobiť neprofesionálne.

História a význam favicony

Favicon bol prvýkrát predstavený v roku 1999 spoločnosťou Microsoft v internetovom prehliadači Internet Explorer 5. Pôvodne mal slúžiť na označovanie stránok v zozname obľúbených záložiek (favorites), odkiaľ pochádza aj jeho názov. Postupne sa rozšíril do ostatných prehliadačov a stal sa štandardnou súčasťou webových stránok. Dnes favicon pomáha budovať identitu značky, zlepšuje užívateľskú skúšenosť a prispieva k vizuálnej odlišnosti webov.

Súčasný stav a význam favicony

V súčasnosti sa favicon používa na viacerých úrovniach. Okrem klasického zobrazenia v záložkách je integrálnou súčasťou mobilných zariadení a vyhľadávačov, kde sa môže zobraziť pri vyhľadávaní ako doplnok k odkazu na web. Vyhľadávače ako Google favicon zobrazujú aj pri reklamách, čo môže zvýšiť dôveryhodnosť webu. Navyše, favicon môže zlepšiť zapamätateľnosť značky a uľahčiť navigáciu.

Odporúčané rozmery a formáty favicony

Najlepšia favicona by mala byť jednoducho rozpoznateľná aj v malom rozmerovom formáte.

• Rozmery: Štandardný rozmer favicony je 16×16 px, ale odporúča sa pripraviť aj väčšie verzie, napr. 32×32 px, 48×48 px alebo až 512×512 px pre moderné zariadenia s vysokým rozlíšením.
• Formáty: Najčastejšie používaným formátom je ICO, pretože podporuje viacero rozlíšení v jednom súbore. Alternatívne sa používajú PNG (kvôli priesvitnosti) alebo SVG (pre vektorovú grafiku s výhodou škálovania bez straty kvality).

Ako pridať favicon na webovú stránku?

Ak chcete pridať faviconu manuálne, potrebujete nahrať súbor favicon.ico alebo iný podporovaný formát do koreňového adresára webovej stránky a pridať do HTML kódu nasledujúci riadok:

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">

Ak používate viaceré formáty, môžete pridať aj:

<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

Ako nastaviť faviconu vo WordPress a Drupal

• WordPress:
  1. Prejdite do administrácie webu.
  2. Kliknite na „Vzhľad“ > „Prispôsobenie“.
  3. Vyberte možnosť „Identita webu“ a nahrajte favicon (nazývanú aj „Stránková ikona“).
  4. Uložte zmeny.

Drupal:

1. 1. Prejdite do „Konfigurácia“ > „Systém“ > „Základné nástavenia webu“.
   2. Vyhľadajte sekciu „Logo webovej stránky“.
   3. Nahrajte vlastnú favicon a uložte nastavenia.

Favicona je dnes nevyhnutným prvkom webovej identity. Napriek svojej malej veľkosti má veľký vplyv na užívateľskú skúsenosť a brand identitu. Správne zvolená a implementovaná favicona pomáha webu lepšie sa identifikovať a zapamätať si ho medzi konkurenčnými stránkami. Mať ju, je v mnohých smeroch výhodou a určite sa oplatí myslieť na ňu pri stavbe webu. To pre prípad, aby pri indexovaní webu v rôznych nástrojoch bola riadne indexovaná aj správna favicona.

Odporúčame:
Naozaj dobrý hosting za smiešne peniaze, najlacnejší hosting pre viac domén, mnoho vychytávok a zrýchlení pre pomalší Wordpress: