Favicon - v paneli s adresou sa nachádza ikona vašej stránky
Niektoré webové stránky majú v ľavej časti adresy URL v paneli s adresou internetového prehliadača ikonu. Existuje niekoľko spôsobov, ako vytvoriť favicon alebo ikonu webovej stránky, ktorá sa môže zobraziť v paneli s adresou. Kresliaci softvér ako Gimp, Pixia alebo špecializovaný softvér, ako je napríklad IconEdit32 alebo IconWare, možno použiť na vytvorenie favicon . Existujú webové stránky, ktoré možno použiť na transformáciu obrazového favicon. Niektoré webové stránky umožňujú webmasterom generovať ICO súbor a animovať favicon . Link tag slúži na označenie cesty favicon a on-line, aby návštevníci webových stránok mohli vidieť ikonu v paneli s adresou.
- Vytvorenie favicon
- Pre väčšinu prehliadačov:
- Pre program Internet Explorer:
- Ak chcete vytvoriť animovaný favicon alebo vytvoriť súbor ICO
- Uvádzanie favicon online
- Poznámky
Pravdepodobne ste si všimli prítomnosť ikony vľavo od adresy URL v paneli s adresou prehliadača pri prístupe na určité webové stránky?
Ak chcete implementovať tento typ ikony na vlastnú webovú stránku, postupujte podľa nasledujúcich krokov.
Vytvorenie favicon
Existuje niekoľko metód:
- Softvér na kreslenie (Gimp, pixia, inkscape ...)
- Špecializovaný softvér (IconEdit32 alebo IconWare)
- Webové stránky (ktoré menia obrazový obrázok):
- //www.html-kit.com/favicon/
- //www.html-kit.com/favicon
- //www.favicon.co.uk/
- //www.favicon.hu/
- //tools.dynamicdrive.com/favicon/
- //favikon.com/
Pre väčšinu prehliadačov:
Prvým krokom je vytvorenie obrazu v png alebo gif.
Môžete si vybrať z rôznych veľkostí, 16x16 alebo 32x32 (pixelov).
Pre program Internet Explorer:
Pre tento prehliadač použite obrázok alebo súbor .ico (premenovaný bmp) - veľkosť 16x16 pixelov.
Ak chcete vytvoriť animovaný favicon alebo vytvoriť súbor ICO
//www.html-kit.com/favicon/
- Vyššie uvedený odkaz vám umožní nielen generovať ICO súbor ľahko, ale aj animovať váš favicon a posúvať text, ak si želáte.
- Kliknite na tlačidlo Prehľadávať a vyberte obrázok v počítači.
- Môžete tiež pridať text, aby ste sa mohli posúvať po ikonke; automaticky vygeneruje animovanú ikonu.
- Nakoniec je tiež možné vygenerovať animovanú ikonu bez textu tak, že skontrolujete animovaný Favicon (samotný favicon, ktorý sa zdá, že sa posúva).
- Potom kliknite na tlačidlo Generovať Favicon.ico
- Potom budete mať prehľad o vašom favicon.
- Potom jednoducho stiahnite súbor so zipom na vašom počítači.
- Po rozbalení súboru skopírujte súbor favicon.ico na vašu stránku.
- Ak ste si stiahli animovanú ikonu, súbor ZIP bude obsahovať aj súbor Extra obsahujúci animovaný favicon (animated_favion1.gif) a potom ho skopírujte na svoje stránky.
Uvádzanie favicon online
- Ak chcete umiestniť favicon na vaše stránky, uveďte jeho cestu cez značky odkazov, ktoré sa nachádzajú v hlavičke.
- Príklad s obrázkom png:
- V závislosti od formátu sa atribút "typu" zmení:
Png: image / png
Formát GIF: image / gif
Formát JPEG (jpeg alebo jpg extension): image / jpeg
- A ak máte favicon, ktorý nespĺňa normy, atribút "rel" sa zmení tiež:
link rel = "ikona skratky" type = "image / x-icon" href = "/ images / icon_ie.ico" />
- Ak je ikona animovaná (GIF, vložte nasledujúcu značku: