Čo je to Favicon?
Favicon je malá ikona spojená s webovou stránkou, ktorá sa zobrazuje na kartách prehliadača, v adresných riadkoch a záložkách. Obvykle pripomínajú logo webovej lokality a pomáhajú používateľom vizuálne identifikovať otvorené webové lokality v rôznych kartách prehliadača. Štandardné rozmery ikony favicon sú 16x16 pixelov alebo 32x32 pixelov a môže používať 8-bitové alebo 24-bitové farby. Favicony môžu byť vo formátoch PNG, GIF alebo ICO.
Prečo sú obľúbené ikony dôležité?
Obľúbené ikony zlepšujú používateľský zážitok tým, že uľahčujú identifikáciu a prepínanie medzi viacerými kartami. Taktiež dodávajú vašej webovej lokalite profesionálny nádych a posilňujú identitu značky.
Ako vytvoriť ikonu obľúbenej stránky
1. Vytvorte obrázok
Favicon môžete vytvoriť v ľubovoľnom grafickom programe, napríklad vo Photoshope alebo Illustratore. Keďže ide o malý obrázok s veľkosťou 16x16 pixelov alebo 32x32 pixelov, dizajn by mal byť jednoduchý a výrazný. Farby by mali byť v súlade s farbami značky spoločnosti. Po vytvorení obrázka ho uložte vo formátoch, ako sú .jpg, .png, .bmp, .gif alebo .tif.
2. Konvertovať súbor
Po vytvorení obrázka ho prekonvertujte do súboru .ico, čo je formát používaný pre favicony. Môžete to urobiť pomocou online nástrojov, ako je napríklad Faviconer.
3. Odoslanie súboru na webovú stránku
Po vytvorení súboru .ico ho nahrajte do koreňového adresára svojej webovej stránky. Zvyčajne to zahŕňa:
- Pomenovanie súboru
favicon.ico. - Umiestnenie do koreňového adresára vašej webovej stránky (napr. http://yourwebsite.
com/favicon.ico).
4. Pridanie HTML odkazu na vašu webovú stránku
Ak chcete zabezpečiť, aby prehliadače rozpoznali vašu favicon, pridajte nasledujúci kód HTML do časti <head> dokumentov HTML:
<link rel="icon" href="/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">Záver
Vytvorenie favikony je jednoduchý, ale účinný spôsob, ako zlepšiť používateľský zážitok z webovej stránky a posilniť identitu značky. Podľa týchto krokov môžete jednoducho vytvoriť a implementovať favicon, ktorá bude reprezentovať vašu webovú lokalitu. Začlenením dobre navrhnutej ikony favicon môžete zvýšiť rozpoznateľnosť a profesionalitu svojej webovej lokality, čím zabezpečíte lepší zážitok pre svojich návštevníkov.
