Rocketoo
Rady a inspirace · · 2 min čtení

Jak vytvořit a nastavit Favicon

Favicon to je ta malá ikonka, která se objevuje v prohlížeči v záložce otevřené stránky. Říká se jí “favicon” z anglických favorites (oblíbené) a icon (ikona). Favicon totiž také najdete v oblíbených položkách před názvem uložené stránky.

Jak vytvořit a nastavit Favicon

Co to je favicon?

Je to ta malá ikonka, která se objevuje v prohlížeči v záložce otevřené stránky. Říká se jí “favicon” z anglických favorites (oblíbené) a icon (ikona). Favicon totiž také najdete v oblíbených položkách před názvem uložené stránky.

Ukázka favicon

Favicon a Seznam.cz

Seznam.cz před nedávnem (začátek 2017) ve výsledcích vyhledávání odstranil náhledové obrázky stránky a nahradil je právě zobrazením favicon ( vyhledavani.sblog.cz/2017/03/28/vyhledavani-v-novem-kabate).

Favicon ve výsledcích vyhledávání na Seznam.cz

Jaká má být favicon?

Vytvořit favicon není vůbec složité, ale aby dobře plnila svůj účel, je potřeba dodržet několik základních pravidel:

  • Musí být jednoduchá, spíše schématická - s použitím jednoduchých tvarů.
  • Velikost favicon je 16x16 pixelů. Do této velikosti musíte vměstnat celou podobu, takže místa opravdu není nazbyt.
  • Musí být originální, abyste se odlišili od ostatních stránek a byli zapamatovatelní.
  • Měla by navazovat na identitu vašich stránek.

Jak vytvořit favicon?

Favicon si můžete vygenerovat pomocí některého z mnoha programů. Stačí vám k tomu obrázek nejlépe čtvercového formátu, ze kterého si necháte favicon vygenerovat.

Nebo si můžete favicon nakreslit. Opět existuje spousta programů, kde si můžete favicon nakreslit pixel po pixelu. Výhoda nakreslené favicon je ta, že bude ostřejší a přehlednější než zmenšený obrázek, který vznikne při prvním způsobu.

Programy a generátory pro vytvoření favicon

Existuje celá řada programů a on-line nástrojů. V následujícím seznamu vám ukážeme on-line nástroje, které jsou dostupné zdarma.

Generátory:

Editory:

Jak vložit favicon do e-shopu?

V Nastavení našeho e-shopu zvolte Nastavení e-shopu, a tam klikněte na přidání favicon.  Ve správci souborů nahrejte vaši vytvořenou favicon.ico na server a vyberte.

Nastavení favicon v Rocketoo