Favicon - mít ikonu na vašem webu v adresním řádku
Některé webové stránky mají nalevo od adresy URL v adresním řádku internetového prohlížeče ikonu. Existuje několik způsobů, jak vytvořit favicon nebo ikonu webové stránky, kterou lze zobrazit v adresním řádku. K vytvoření faviconu lze použít software pro kreslení, jako je Gimp, Pixia nebo specializovaný software, například IconEdit32 nebo IconWare . Existují webové stránky, které lze použít k transformaci favicon obrazu. Některé webové stránky umožňují webmasterům generovat soubor ICO a animovat favicon . Značka Link se používá k označení cesty favicon a on-line, aby návštěvníci webu mohli vidět ikonu v adresním řádku.
- Vytvoření favicon
- Pro většinu prohlížečů:
- Pro aplikaci Internet Explorer:
- Chcete-li vytvořit animovaný favicon nebo vytvořit soubor ICO
- Uvedení favicon online
- Poznámky
Pravděpodobně jste si všimli přítomnosti ikony nalevo od adresy URL v adresním řádku prohlížeče při přístupu na určité webové stránky?
Chcete-li implementovat tento typ ikony na své vlastní webové stránky, postupujte podle následujících kroků.
Vytvoření favicon
Existuje několik metod:
- Software pro kreslení (Gimp, pixia, inkscape ...)
- Specializovaný software (IconEdit32 nebo IconWare)
- Webové stránky (které transformují obrazový obrázek):
- //www.html-kit.com/favicon/
- //www.html-kit.com/favicon
- //www.favicon.co.uk/
- //www.favicon.hu/
- //tools.dynamicdrive.com/favicon/
- //favikon.com/
Pro většinu prohlížečů:
Prvním krokem je vytvoření obrazu v png nebo gif.
Můžete si vybrat z různých velikostí, 16x16 nebo 32x32 (pixelů).
Pro aplikaci Internet Explorer:
Pro tento prohlížeč použijte obrázek nebo soubor .ico (přejmenovaný bmp) - velikost 16x16 pixelů.
Chcete-li vytvořit animovaný favicon nebo vytvořit soubor ICO
//www.html-kit.com/favicon/
- Výše uvedený odkaz vám umožní nejen generovat soubor ICO snadno, ale také animovat váš favicon a posouvat text, pokud si budete přát.
- Klepněte na tlačítko Procházet a vyberte obrázek v počítači.
- Můžete také přidat text, který chcete posouvat po ikoně; automaticky generuje animovanou ikonu.
- Nakonec je také možné generovat animovanou ikonu bez textu, a to kontrolou animovaného faviconu (samotného faviconu, který vypadá, že se posouvá).
- Poté klikněte na tlačítko Generovat Favicon.ico
- Pak budete mít přehled o vašem favicon.
- Pak si jednoduše stáhněte soubor se zipem v počítači.
- Po rozbalení souboru zkopírujte soubor favicon.ico na vaše stránky.
- Pokud jste si stáhli animovanou ikonu, bude soubor ZIP obsahovat také soubor Extra obsahující animovaný favicon (animated_favion1.gif) a poté jej zkopírovat na vaše stránky.
Uvedení favicon online
- Chcete-li umístit favicon na vaše stránky, uveďte jeho cestu pomocí tagů odkazů v záhlaví.
- Zde je příklad s obrázkem png:
- V závislosti na formátu se atribut "typ" změní:
Png: image / png
Formát GIF: image / gif
Formát JPEG (jpeg nebo jpg extension): image / jpeg
- A pokud máte favicon, který nesplňuje standardy, atribut "rel" se změní také:
link rel = "ikona zástupce" type = "image / x-icon" href = "/ images / icon_ie.ico" />
- Pokud je ikona animována (GIF, vložte následující značku: