Co to je a jak vytvořit favicon? Ikona stránky
Určitě jste již narazili na ikonu v liště stránky, která se může objevit, také když přidáte stránku mezi oblíbené nebo nově v mobilním telefonu. Ikona má často podobu části loga společnosti. Toto „logo“ se většinou zobrazuje před titulkem stránky. Její význam je hlavně v lepším odlišení jednotlivých webů v liště záložek a pomáhá zvyšovat povědomí o značce.
Jak favicon vytvořit, v jakém formátu?
Vytvoření je velmi jednoduché. Ideální je mít obrázek ve čtvercovém formátu, který nahrajete do generátoru favicon. Často stačí použít část loga, je také možné nechat si vytvořit designovou favicon na míru. Na formátu obrázku příliš nezáleží, generátory si poradí téměř se základními formáty obrázků (PNG, JPG, GIF). Adresa generátoru: http://www.favicon-generator.org/
Ze stejné adresy se dostanete na návrh favicon, kde si ikonu můžete nakreslit sami.
Generátor nebo editor vám vytvoří buď samotnou favicon, což většinou bývá soubor favicon.ico nebo sadu obrázků včetně kódu, který je následně třeba vložit na web.
Jak favicon dostanu na svůj web?
Většinou stačí poslat vygenerovanou ikonu svému webmasterovi, ten by se o výměnu měl postarat. Pokud jste našimi klienty, jednoduché favicon přidáváme automaticky, je možné objednat favicon na míru. Pro změnu ikony napište svému konzultantovi.
Jaká by měla ikona být?
Ikona by měla zapadat do celkové firemní identity. Tedy barevně a celkově korespondovat s logem a dalšími firemními prvky. Doporučujeme inspirovat se přímo v generátoru favicon, kde je možné procházet galerie ikonek po zadání klíčového slova odpovídajícího vašemu oboru.
Kolik stojí vytvoření a nasazení favicon?
Velmi záleží na způsobu vytvoření favicon. V případě, že je možné vytvořit ikonu z vašeho loga, je možné vytvořit ikonu pomocí vygenerování nástrojem popsaným výše. Někdy je třeba ikonu nakreslit ručně.
Postup vytvoření a čas na tvorbu: Příprava symbolu z loga, nahrání do generátoru. Vložení kódu. Podle použitého redakčního systému a kvality dodaných podkladů odhadujeme 30 – 60 minut.
Při ručním návrhu je pracnost individuální, podle požadavků, počtu verzí a podobně.
Problémy při změně
Často se stává, že změníte favicon a změna se vám neprojeví. Doporučujeme:
1) změnit název souboru favicon,
2) chvíli počkat,
3) pokud to stejně nepomůže, tak vymazat paměť prohlížeče.
Co ikonka v mobilu?
Doporučujeme vložit jen tento kód:
Na výše uvedeném odkazu je možné vygenerovat celou sadu ikon, ale naše zkušenost je taková, že stačí standardní ikona + tato pro Apple, a vše funguje. V kódu díky tomu není spousta dalších požadavků na obrázky a načítání je tak rychlejší.