Co je to Favicon? [+4 tipy pro vytvoření působivé ikony Favicon]

Když si na webu zakládáte stránky, je náročné zapamatovat si jejich název. Když se ponoříte zpět do záložek, abyste ji našli, uvidíte vedle stránky malou ikonu. Ikonu poznáte a uvědomíte si, že se jedná o webovou stránku, kterou jste si předtím prohlíželi.

Tato ikona, známá jako favicon, je malá, ale má významný vliv na rozpoznání značky.

Na této stránce odpovíme na otázku: Co je to favicon?“ a také na to, proč byste si ji měli vytvořit, a poskytneme vám čtyři tipy pro vytvoření zapamatovatelné (a kompatibilní) favikony webu.

Chcete-li mít aktuální informace o favikonách a marketingu, přihlaste se k našemu týdennímu zpravodaji.

Co je to favikona?

Favicon je malá ikona vašeho webu, která se zobrazuje vedle názvu stránky nebo značky title.

Tyto ikony se objevují na mnoha místech, např:

• Karta prohlížeče
• Záložky
• Pruh nástrojů
• Posledně navštívené stránky
• Pruhy vyhledávání
• Mobilní vyhledávání

Tato malá ikona je nezbytnou součástí rozhraní vašich webových stránek. Umožňuje mít jednoduchý, rozpoznatelný obrázek spojený s vaším webem, takže se uživatelé seznámí s vaší značkou.

Favikona webu je ještě užitečnější, pokud si někdo váš web uloží do záložek a chce se k němu později vrátit.

Mnoho společností používá jako favikonu jednoduchý obrázek, například své logo. Jedním z nejlepších příkladů favikony je společnost Target. Společnost Target používá jako ikonu favicon svou známou ikonu býčího oka.

Máte také možnost použít ikonu s jedním až třemi znaky textu. Vynikajícím příkladem použití textu místo obrázku je favicon Wikipedie.

Existuje mnoho skvělých příkladů favicon, na které se můžete podívat, abyste získali inspiraci pro svou favicon. Důležité je, abyste vytvořili webovou favikonu, která bude jasná, zapamatovatelná a snadno viditelná.

Velikost a formátování favikony

Další otázkou následující po otázce „Co je to favikona?“ je „Jaká je správná velikost mé favikony?“. Protože jsou tyto ikony malé, je nutné znát správné rozměry, aby ta vaše nevypadala rozmazaně.

Velikost favikony se liší v závislosti na prohlížeči nebo na tom, zda používáte hostitele webu.

Velikost vašeho souboru by měla být násobkem čtverce 48px. Můžete tedy mít velikost souboru ikony například 48x48px nebo 144x144px. Bez ohledu na velikost, kterou použijete, bude váš obrázek přeškálován na poměr 16x16px.

Pokud hostujete své webové stránky u tvůrce webových stránek, budou se velikosti favikon lišit. Například WordPress vyžaduje pro svou favikonu velikost 512×512 pixelů, zatímco Squarespace vyžaduje pro své favikony velikost 300×300 pixelů.

Důležité je také pamatovat na to, že favikony se zobrazují na kartách prohlížeče nebo v seznamech záložek.

Mohou se také zobrazovat v často navštěvované sekci prohlížeče nebo jako ikona zástupce na ploše uživatele. Ikona musí být pro tyto případy snadno škálovatelná, protože se zobrazí větší.

Znáte-li velikost pro tyto různé případy, vytvoříte pro svou firmu lepší favikonu.

Proč bych měl vytvořit favikonu webu?

Favikony nabízejí pro vaši firmu řadu výhod, včetně:

• Favikony budují rozpoznatelnost značky: Když použijete favicon, která odráží vaši firmu, lidé ji uvidí a lépe se s ní seznámí. Seznámí se s vaší značkou a později si ji zapamatují.
• Favikony dodají vašemu webu legitimitu: Váš web se zobrazí doplněný o favicon. Pomůže vám v online sféře vypadat profesionálně.
• Favikony pomáhají při optimalizaci pro vyhledávače (SEO): Favikony vám pomohou vytvořit uživatelsky přívětivé webové stránky, což je zásadní součást SEO. Zvýšíte také rozpoznatelnost značky, což podněcuje lidi, aby se na váš web vraceli a konvertovali.
• Favicony pomáhají vašemu publiku najít vaši stránku, pokud si ji přidá do záložek: Favicony usnadní vašemu publiku nalezení vaší stránky, pokud si ji přidá do záložek. Lidé si ne vždy pamatují názvy značek, ale vaši firmu poznají podle favikony.
• Favikony pomáhají lidem najít vaši firmu při více otevřených kartách: Lidé mají často otevřeno mnoho karet v prohlížeči najednou. Namísto klikání na každou kartu, aby našli stránku vaší firmy, ji mohou rozpoznat podle favikony.

To je jen několik důvodů, proč používat favikonu webu. Přidáním favikony na své webové stránky získáte tyto výhody a rozšíříte své podnikání online.

Jak vytvořit favikonu

Jestliže jste připraveni vytvořit ikonu pro své webové stránky, podívejte se na tyto čtyři užitečné tipy, jak vytvořit favikonu.

1. Moudře využívejte prostor

Při vytváření favikony pro svou firmu musíte moudře využívat prostor. Nechcete vytvořit ikonu, která by využívala tak málo místa, že by ji uživatelé neviděli, ale zároveň potřebujete dostatek bílého prostoru.

Mnoho firem použije jako favicon svého webu své logo.

Je to sice skvělý nápad pro budování značky, ale vaše logo se nemusí zmenšit nebo nemusí vypadat dobře jako favicon. Nemusí dostatečně využít prostor, který máte k dispozici, nebo se nevejde do přednastavených rozměrů favikony.

Pokud musíte vytvořit novou ikonu, budete chtít optimalizovat prostor. Budete muset naplánovat favikonu tak, abyste využili prostor v pixelech, který máte k dispozici, a přitom nevypadala přeplněně nebo prázdně.

2. Zachovejte jednoduchost

Při navrhování favikony dbejte na jednoduchost. Díky favikoně je vaše firma rozpoznatelná, ale nezahlcuje uživatele složitým designem. Jediným účelem této ikony je posílit vaši značku u publika a pomoci mu vás snáze najít.

Pokud vytvoříte favicon se složitým designem, bude vaše ikona vypadat nepřehledně. Vaše publikum si hůře zapamatuje vaši značku nebo hůře najde vaši stránku.

Nejlepší cesta zahrnuje zachování jednoduchosti.

Vytvořte něco čistého, souvisejícího se značkou a rozpoznatelného.

3. Odrážejte svou značku

Několikrát jsme to zdůrazňovali, ale pro zopakování: Ujistěte se, že vaše favicon odráží vaši značku. Vaše publikum tuto ikonu používá k vyhledání vaší firmy na kartách nebo v záložkách. Chcete použít obrázek, který se hodí ke zbytku vaší značky.

Nemocnice Walbert Animal Hospital je zářným příkladem favikony, která odráží její podnikání.

Jak vidíte, nemocnice Walbert Animal Hospital používá jako favikonu otisky tlapek. Je to skvělá asociace s jejich podnikáním a odráží jejich značku. Je jednoduchá a pomáhá lidem je rozpoznat.

Ve své ikoně oblíbené stránky chcete používat správné symboly. V tomto příkladu si lidé spojují otisky tlapek se zvířaty. Když uživatel uvidí tyto otisky tlapek, bude předpokládat, že firma nějakým způsobem pracuje se zvířaty.

Pokud se rozhodnete použít v ikoně barvy, budete se chtít držet barev své značky. Žlutá favicon by se nehodila k fialovému a šedému barevnému schématu firmy. Pro podporu rozpoznatelnosti značky je důležité, aby ikona měla stejné barvy jako vaše značka.

4. Poraďte se s designérem

Pokud si nejste jisti, jak s ikonou favicon naložit, můžete se vždy poradit s webovým designérem. Webový designér je výbornou volbou, protože vám poskytne jedinečnou favikonu. Získáte favikonu správně škálovanou pro web.

Mnoho firem se při vytváření favikon spoléhá na generátory. Tyto generátory se sice snadno používají, ale vyžadují prohledávání databází ikon, abyste našli tu správnou pro vaši organizaci. Poté musíte změnit její velikost a odpovídající měřítko.

S webovým designérem nemusíte vytahovat skladový obrázek z databáze. Získáte přizpůsobitelnou favikonu, která bude jedinečná pro vaši firmu, bude mít správné měřítko a bude odrážet vaši společnost.

Začněte vytvářet favikonu svého webu ještě dnes

Favikona je důležitou součástí při budování povědomí o značce. Vytvoření a nahrání favikony webu pomůže uživatelům rozpoznat vaši firmu a rychle ji najít v prohlížeči.

Pokud nevíte, jak vytvořit kvalitní favikonu pro vaši firmu, náš tým WebFX vám pomůže. Máme tým dynamických oceňovaných webových designérů, kteří vám pomohou vytvořit hvězdnou favikonu.

Chcete se dozvědět více o tom, jak navrhnout kvalitní favikonu?

Kontaktujte nás online nebo nám zavolejte ještě dnes na číslo 888-601-5359 a promluvte si se stratégem.