Hlavným problémom súvisiacim s favicon pre HTML stránky je to, že môže byť ťažké ju implementovať. Favicony sú malé ikony, ktoré sa zobrazujú na karte prehliadača alebo v paneli s adresou webovej lokality a často sa používajú na identifikáciu webovej lokality alebo značky. Ak chcete pridať favicon na stránku HTML, ikona musí byť uložená ako súbor .ico a potom prepojená v kóde HTML pomocou tag. To môže byť zložité pre tých, ktorí nie sú oboznámení s kódovaním, pretože zahŕňa niekoľko krokov a vyžaduje znalosť syntaxe HTML. Niektoré prehliadače navyše nemusia rozpoznať favicon, ak nie je správne implementovaná.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. Tento riadok kódu vytvára prepojenie na externý súbor s názvom „favicon.ico“.
2. Odkazu je priradený atribút „rel“ s hodnotou „shortcut icon“, čo znamená, že ide o ikonu zástupcu pre webovú stránku.
3. Atribút href udáva cestu k súboru favicon, čo je v tomto prípade jednoducho „favicon.ico“.
4. Atribút type označuje, že tento súbor je obrázkom typu x-icon, čo je špeciálny typ obrázka používaný pre ikony a logá webových stránok.
Čo je favicon
Favicon je malá ikona spojená s webovou stránkou alebo webovou stránkou. Zvyčajne sa zobrazuje v paneli s adresou prehliadača vedľa adresy URL lokality. Dá sa použiť aj na identifikáciu záložiek vo webových prehliadačoch a ako ikonu pre skratky na počítačoch a mobilných zariadeniach. Favicony majú zvyčajne veľkosť 16×16 pixelov a ukladajú sa ako súbory .ico.
Ako pridať favicon na váš web
Pridanie favicon na váš web je skvelý spôsob, ako pridať ďalšiu vrstvu značky a identity na váš web. Favicony sú malé ikony, ktoré sa zobrazujú na karte prehliadača vedľa názvu vašej webovej lokality. Možno ich použiť aj ako skratky na mobilných zariadeniach, čo používateľom uľahčí hľadanie a prístup k vašej lokalite.
Ak chcete pridať favicon na svoj web v HTML, budete potrebovať súbor obrázka s príponou .ico. Tento obrázok by mal mať veľkosť 16 × 16 pixelov alebo 32 × 32 pixelov. Po vytvorení alebo získaní tohto súboru s obrázkom ho môžete nahrať do koreňového adresára svojej webovej lokality.
Po nahraní budete musieť do hlavičky každej stránky na vašom webe pridať prvok odkazu, ktorý ukazuje na tento súbor obrázka:
Tento odkazový prvok informuje prehliadače, kde môžu nájsť favicon pre váš web, aby sa mohol správne zobraziť, keď niekto navštívi niektorú z jeho stránok.
Nakoniec, ak chcete, aby prehliadače ako Chrome a Firefox zobrazovali väčšiu verziu favicon (192 × 192 pixelov), budete musieť vytvoriť inú verziu ikony a nahrať ju tiež do koreňového adresára:
Po dokončení všetkých týchto krokov by sa návštevníkom pri návšteve akejkoľvek stránky na vašom webe mala zobraziť vaša vlastná ikona favicon!
