Jistě, při více než jedné příležitosti jste slyšeli o favicon. To úzce souvisí s webovým designem a je důležitým bodem, že na každé stránce, ať už je to online obchod, blog, web atd. jdou se vás zeptat. Ale, Co je favicon? K čemu to je? A co je nejdůležitější ze všeho, jak se to dělá?
Máte-li o tom mnoho pochybností, zde vám dáme klíče, abyste tomu porozuměli a především, abyste to mohli představit v rámci svého projektu a nechat vám lepší prezentaci. Ujišťujeme vás!
Co je to favicon
Začneme vysvětlením, co je favicon, abyste mu porozuměli. A proto není nic lepšího, než vám dát praktický příklad. Představte si, že právě procházíte stránky (ve skutečnosti čtete nás). Ale nemáte jen jednu kartu, ale několik z nich. Možná jste si všimli, že v každém z nich se zobrazuje název toho, co tato stránka odráží, ať už je to YouTube (protože posloucháte hudbu na pozadí), Gmail (protože máte otevřenou poštu) nebo tato stránka.
Vedle každého jména se vlevo objeví malý obrázek ve čtverci. Ten na YouTube a Gmailu určitě poznáte podle log, která mají, ale co ostatní karty?
To, co vidíte, je ve skutečnosti favicon. Jinými slovy, je to ikona související se stránkou, kterou navštěvujete, Proto je tak důležité věnovat pozornost tomuto detailu, protože když přidáte stránku k oblíbeným nebo zkratkám, favicon se stane „obrazem“ této stránky, a proto se musíte postarat o její design tak, aby souvisí dokonale (a především vypadá dobře, aby se odlišil od ostatních).
Tato malá ikona má obvykle nastavenou velikost 16 × 16 pixelů (i když ji lze také nastavit na 32x32px). Uvnitř se musíte postarat o to, aby vše, co vložíte, bylo vidět správně, protože jinak se to bude jevit jako malá identifikovatelná skvrna (a to způsobí velmi špatný obraz vaší stránky).
Proč je favicon tak důležitý?
Nyní, když víte, co je favicon, a že jste jej našli na stránkách, které obvykle otevřete, všimli jste si, že dnes chybí stále méně stránek? Je to proto, že je opravdu velmi důležité poskytnout vizi elegance a know-how. To znamená, že sdělíte image značky nebo společnosti, která se stará o detaily.
Favicon má však i další použití, například:
- Slouží jako identifikace vaší stránky. Tento favicon obvykle souvisí s logem, které máte na svém webu, pouze v menší velikosti. Ale když je logo příliš velké a nebude vidět na tlačítku, máte tendenci vybírat něco, co s ním souvisí.
- Pomůžete uživatelům, kteří vaši stránku uložili, s její vizuální identifikací. Tedy i když si nepamatují adresu URL nebo název společnosti, díky obrazu favicon ji vyhledají.
- Být „dobrý“ se SEO. To je třeba brát s rezervou. A je to tak, že mít nebo nemít favicon nebude mít přímý vliv na SEO (to znamená, že vás nezíská lepší nebo horší místo za to, že ho máte nebo ne). Nyní je stále častější, že když prohlížeč vstoupí na stránku, vyhledá tento favicon a když jej nenajde, zobrazí chybu 404. A víte, že tyto chyby nejsou dobré pro SEO strana.
Jak vytvořit favicon
Poté, co jste viděli, je jasné, že favicon je základním prvkem při vytváření webové stránky. Jak si tedy jednu vyrobit?
Měli byste vědět, že ve většině případů to, co dělá, je vyberte logo tohoto webu, nebo pokud je příliš velké, něco, co ho identifikuje. Představte si například, že máte televizní web, kterému jste nějakým způsobem volali. Ale to je ve favikonu příliš velké. Místo toho můžete dát obrázek televize, která se má týkat. V těchto případech se doporučuje, abyste pro lepší identifikaci používali stejné barvy jako vaše webové stránky.
A teď, jak můžeme vytvořit favicon? Máte několik možností:
Photoshop, Gimp ...
Jinými slovy, mluvíme o programech pro úpravu obrázků, protože favicon je vytvořen přesně stejně jako obrázek. Musíte jej samozřejmě uložit ve formátu .ico, aby byl rozpoznán jako takový, protože jej nelze ponechat jako jpg, gif nebo podobně.
Takhle to děláme umožňuje mnohem lépe přizpůsobit favicon, podařilo se jej vytvořit od nuly a dát mu požadovaný povrch. Normálně za tímto účelem pracujete s obrázkem v normální velikosti a poté jej přizpůsobíte velikosti tohoto tlačítka.
Poté by měl být nahrán a otestován v různých prohlížečích, aby se zjistilo, zda vypadá dobře, je reprezentativní a především je srozumitelný.
Používání online nástrojů
V tomto případě odkazujeme na webové stránky, které se postarají o převod libovolného obrázku, který chcete, na favicon během několika sekund. Ale máte také možnost navrhněte svůj favicon přímo s těmito stránkami.
Pokud chcete první (nahrát obrázek a převést jej), doporučujeme Favicon Generator nebo Favic-o-matic. Pokud však chcete druhou možnost (navrhněte ji úplně od začátku), sázejte na editor favicon.io nebo x-icon.
S WordPress
Je vaše stránka vytvořena ve WordPressu? A víte, že tento systém můžete použít k vytvoření vaší favicon. K tomu můžete použít některé doplňky, které vám umožní vytvořit toto tlačítko na základě obrázku, který jste nahráli (nebo který nahrajete). Také prostřednictvím "Vzhled / přizpůsobit" to můžete udělat.
Jakmile máte favicon hotový, stačí jej umístit na svůj web a nechat ho rozpoznat, aby jej bylo možné zobrazit v levé části názvu vaší stránky, stejně jako při ukládání do oblíbených. Tímto způsobem vás snadno poznají, aniž by museli přestat číst, pokud je to stránka, kterou opravdu chtěli navštívit.