Favicon, neboli malá ikonka, se objevuje v prohlížeči vedle názvu vaší webové stránky. Podíváme se na to, jak si favicon pro svůj web vytvořit.
Často i zdánlivé maličkosti mohou mít obrovský dopad, a to platí jak obecně, tak i v podnikání.
V oblasti budování značky (brandingu) jsem přesvědčen, že právě detaily vytvářejí skvělý první dojem na potenciální zákazníky. A jedním z takových detailů je právě favicon.
Favicon je malá ikonka o rozměrech 16×16 pixelů, která se zobrazuje u názvu webu v záložce prohlížeče.
Usnadňuje uživatelům identifikaci vašeho webu mezi mnoha otevřenými záložkami. Je důležité si uvědomit, že favicon není totéž co logo, avšak můžete pro obojí použít stejný grafický návrh.
Než řeknete, že „tato drobnost není důležitá“, musím vás ujistit, že opak je pravdou. Favicon dodává vašemu webu na serióznosti a pomáhá vaší značce vyniknout. Také fakt, že si návštěvníci uvědomí snahu o design a branding, okamžitě buduje důvěru.
Doporučuji, aby každý web měl favicon, pokud chcete na uživatele udělat skvělý a trvalý dojem.
Otázkou tedy je: „Jak favicon vytvořit?“ Není to neřešitelný úkol, zvláště s pomocí níže uvedených zdrojů. S jejich pomocí si snadno a rychle vygenerujete vlastní favicon.
Pojďme se tedy na to podívat.
Favic-o-Matic
U Favic-o-Matic máte hned na začátku na výběr dvě různé velikosti. První je standardní 16×16 + 32×32 pixelů a druhá je univerzální, která vygeneruje favicon pro každé zařízení a platformu.
Můžete si také prohlédnout pokročilá nastavení, která vám umožní vybrat barvu pozadí, přednastavené velikosti a další možnosti. Favicon si můžete stáhnout ve formátu PNG a ICO.
Stačí nahrát váš obrázek a sledovat, jak se kouzlo děje. Použití je zcela zdarma, ale malý dar tvůrci vždy ocení. Takže, pokud vám tento nástroj přijde užitečný, nezapomeňte přispět.
RealFaviconGenerator
Pomocí RealFaviconGenerator vytvoříte příslušnou favicon pro všechny prohlížeče a platformy, takže bude všude vypadat perfektně. Stačí nahrát obrázek a nástroj ho univerzálně optimalizuje, takže se nemusíte o nic starat.
Pokud se vám nelíbí vzhled favicon na konkrétní platformě, můžete ji pomocí tohoto nástroje okamžitě zkontrolovat a vylepšit. Celý proces obvykle netrvá déle než 5 minut.
A navíc je jeho použití zcela zdarma.
Favicon.io
Pravděpodobně nejjednodušší metodou je Favicon.io, který umožňuje vytvořit nebo převést daný obrázek na favicon. Nástroj je zcela zdarma a vygenerovanou favikonu můžete umístit kamkoliv. K exportu získáte formáty PNG a ICO.
Existuje několik způsobů, jak pomocí tohoto nástroje vygenerovat favicon. První je z obyčejného textu. Pokud nemáte obrázek nebo logo, které byste chtěli na favicon převést, můžete pomocí této možnosti okamžitě vygenerovat textovou favikonu.
Druhou možností je konverze obrázku nebo loga. Stačí nahrát požadovaný obrázek/logo a nástroj ho převede do vhodné velikosti a formátu.
Poslední možností jsou emotikony. Nástroj nabízí různé předpřipravené emotikony, ze kterých si můžete vybrat a vytvořit si favicon. Tuto možnost bych doporučil pouze pro menší weby, nebo weby, které nejsou „příliš seriózní“.
Fiverr
Na Fiverr si můžete objednat téměř jakoukoli službu, a tvorba favicon není výjimkou.
Jedná se o obrovské tržiště, kde si můžete najmout freelancery pro jednoduché i složité úkoly a návrh favicon je jedním z nich.
I když nemusí každá služba zakoupená na této platformě být stoprocentně uspokojivá, musím říci, že kategorie designu téměř nikdy nezklame. A pokud jde o favicon, určitě se vám povede.
Většina nabídek začíná na 5 dolarech a obvykle získáte neomezené revize, dokud nebudete plně spokojeni. Hodnocení jsou pro freelancery důležitá, takže se budou snažit splnit vaše požadavky. Stačí si zakoupit vhodnou nabídku a uvést své požadavky. V závislosti na dodací lhůtě to obvykle zvládnou za den nebo dva.
Doporučil bych vybrat si nabídku, která obsahuje i zdrojový soubor favicon, abyste si ji v budoucnu mohli případně sami upravit.
Faviconer
Faviconer vám umožní nakreslit si vlastní favicon, nebo nahrát hotový obrázek pro převod do vhodného formátu. Můžete si vybrat z velikostí 16×16 a 32×32, nebo ještě lépe si vybrat obě.
Zajímavou funkcí tohoto nástroje je, že můžete nahrát obrázek a následně do něj kreslit. To se hodí, pokud chcete k již existujícímu obrázku přidat nějaké drobné detaily. Svou favikonu můžete exportovat ve formátu ICO, který je pro favikony považován za nejvhodnější.
Obecně je nástroj poměrně snadný k používání, ale pokud byste přece jen potřebovali pomoc, můžete se podívat na video tutoriál, který najdete na spodní části stránky. Vše můžete používat zcela zdarma.
Generátor favicon
A v neposlední řadě, Generátor favicon je dalším jednoduchým a bezplatným nástrojem pro vytvoření favicon pro váš web. Nemáte možnost nahrát obrázek, ale vytvořit si ho od začátku pomocí přizpůsobitelných voleb. Favicon bude čistě textová, ale s možností volby barev.
Můžete si hrát s:
- Typem textu
- Barvou pozadí
- Barvou textu
- Barvou ohraničení
Pod možnostmi najdete také jednoduché pokyny, abyste dosáhli co nejlepšího výsledku. Kromě přidávání textu a výběru barev nemusíte dělat mnoho a svou favikonu můžete exportovat ve formátu ICO ihned po vygenerování.
Pokud máte pochybnosti o tom, jak bude vaše favicon vypadat, můžete se podívat na příklady v horní části stránky.
Závěr
Výše uvedené zdroje pro tvorbu favicon pro váš web se vám při budování značky jistě budou hodit. Většina z nich je zdarma, a to nic neubírá na faktu, že jsou skvělé.
Pokud chcete specifický design favicon, doporučuji zvolit Fiverr. V ostatních případech jsou zmíněné možnosti skvělé a můžete se k nim kdykoliv vrátit.