Co je Favicon?
Favicon je vlastní ikona spojená s webovou stránkou nebo webem, která se zobrazí vedle adresy http v okně URL prohlížeče. Bude také zabírat otevřené karty v prohlížečích podporujících karty a zobrazí se vedle odkazů označených záložkami. Termín kombinuje slova „oblíbené“ a „ikona“. Aplikace Microsoft Internet Explorer verze 5.0 představila možnost zobrazení faviconů, za nimiž následovaly další hlavní prohlížeče. Firefox, Netscape, Opera, Safari a Konquerer patří mezi mnoho prohlížečů, které tuto funkci podporují.
Favicon je tak malý, že se měří v pixelech. Pixel je nejmenší měrnou jednotkou na obrazovce počítače. Pixely, které se podobají malým blokům, jsou jasně viditelné při prohlížení obrazovky přes zvětšovací sklo. Favicon je pouze 16x16 pixelů, 32x32, nebo, v případě počítačů Macintosh, někdy 64x64 nebo větší.
Vytvoření loga pro takové malé plátno není snadný úkol, takže je snazší začít s větším plátnem a poté jej znovu zmenšit. Protože zmenšení obrázku může způsobit ztrátu jasnosti, je nejlepší začít s velikostí plátna přibližně 64x64 pixelů.
Tyto ikony mohou být navrženy v monochromatickém provedení, 16 barev, 256 barev nebo více pomocí téměř jakéhokoli grafického programu. Jakmile je návrh zmenšen a uložen, lze jej převést na soubor ikon . Ne všechny grafické programy ukládají soubory jako soubory .ico, ale existuje mnoho grafických programů dostupných online, které jsou specifické pro vytváření a převod souborů .ico. Otevřením souboru BMP, JPG, GIF nebo jiného obrazového souboru v jednom z těchto programů a volbou „Uložit jako“ můžete obrázek převést do správného formátu .ico a pojmenovat soubor favicon.ico.
Tuto ikonu lze nyní nahrát do kořenového adresáře vašeho webu. Prohlížeče tento soubor vyhledají a zobrazí, pokud budou nalezeny. Kromě jeho nahrání na web by do řádku <head> </head> na webové stránce měly být přidány dva řádky jednoduchého kódu, jak je znázorněno níže. Změňte „website.com“ na svůj skutečný název:
<link rel="icon" href="http://website.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://website.com/favicon.ico" type="image/x-icon" />
Pokud je webový prohlížeč v prohlížeči Internet Explorer označen záložkou před tím, než má favicon, nemusí se nový zobrazit. Odstraňte záložku, vypláchněte mezipaměť prohlížeče a restartujte prohlížeč. Nyní ručně procházejte web a měli byste vidět favicon. Uložte si web do záložek a přidejte jej do oblíbených .
Internet Explorer vyžaduje, aby byl soubor favicon souborem .ico, Firefox, Netscape a další populární prohlížeče však také mohou zobrazovat soubory GIF, JPG a PNG. Pokud používáte jiný typ souboru obrázku než .ico, kód by měl být změněn tak, aby odrážel správný typ obrázku. Například, pokud použijete favicon.png, kód bude číst: type="image/png" />
spíše než type="image/x-icon" />
.
Přiřazení favicon k webové stránce vytváří vizuální branding, který může surfistovi pomoci vzpomenout na váš web a jeho obsah jednoduchým pohledem na jeho záložky. Ať už se jedná o mini logo nebo originální design, váš obrázek bude v ideálním případě odrážet něco z obsahu, charakteru nebo názvu webu. Existuje několik online společností, které pro vás navrhnou favicon, pokud si to budete přát. Avšak pro ty, kteří mají základní počítačové dovednosti, je vytvoření jednoho jednoduchého a zábavného úkolu, který může trvat kdekoli od několika minut po odpoledne nebo večer.