Iste ste už viackrát počuli o favikone. To úzko súvisí s webdizajnom a je dôležitým bodom, že na každej stránke, či už ide o internetový obchod, blog, web atď. idú sa ťa spýtať. Ale, Čo je favicon? Načo to je? A čo je najdôležitejšie zo všetkého, ako sa to robí?
Ak o tom máte pochybnosti, tu vám dáme kľúče, aby ste im porozumeli a predovšetkým aby ste ich mohli predstaviť v rámci svojho projektu a mali lepšiu prezentáciu. Uisťujeme vás!
Čo je favicon
Začneme vysvetlením, čo je favikón, aby ste mu porozumeli. A preto nie je nič lepšie, ako vám uviesť praktický príklad. Predstavte si, že práve prechádzate (v skutočnosti nás čítate). Ale nemáte iba jednu kartu, ale niekoľko z nich. Možno ste si všimli, že v každom z nich sa zobrazuje názov toho, čo táto stránka odráža, či už je to YouTube (pretože počúvate hudbu na pozadí), Gmail (pretože máte otvorenú poštu) alebo táto stránka.
Vedľa každého mena sa vľavo zobrazuje malý obrázok vo štvorci. Ten v službách YouTube a Gmail určite poznáte podľa log, ktoré majú, ale čo ostatné karty?
No, to, čo vidíte, je vlastne favicon. Inými slovami, je to ikona súvisiaca s navštívenou stránkou, Preto je také dôležité venovať pozornosť týmto detailom, pretože keď pridáte stránku k obľúbeným alebo skratkám, favicon sa stane „obrazom“ tejto stránky, a preto sa musíte postarať o jej dizajn tak, aby súvisí dokonale (a predovšetkým vyzerá dobre, aby sa odlíšil od ostatných).
Táto malá ikona má zvyčajne nastavenú veľkosť 16 × 16 pixelov (aj keď ju možno nastaviť aj na 32x32px). V jeho vnútri sa musíte postarať o to, aby bolo všetko, čo vložíte, správne viditeľné, inak sa to bude javiť ako malá identifikovateľná škvrna (a tá poskytne vašej stránke veľmi zlý obraz).
Prečo je favikón taký dôležitý?
Teraz, keď viete, čo je favicon a že ste ho našli na stránkach, ktoré zvyčajne otvoríte, všimli ste si, že dnes chýba čoraz menej stránok? Je to preto, lebo je skutočne veľmi dôležité dať vidinu elegancie a know-how. To znamená, že sprostredkujete imidž značky alebo spoločnosti, ktorý sa stará o detaily.
Favicon má však aj ďalšie použitie, ako napríklad:
- Slúži ako identifikácia vašej stránky. Tento favikón zvyčajne súvisí s logom, ktoré máte na svojom webe, iba v menšej veľkosti. Ale keď je logo príliš veľké a nebude vidieť na tlačidle, máte sklon zvoliť si niečo, čo s ním súvisí.
- Pomôžete používateľom, ktorí si uložili vašu stránku, s vizuálnou identifikáciou. Teda, aj keď si nepamätajú adresu URL alebo názov spoločnosti, nájdu ju kvôli obrázku favicon.
- Byť „dobrý“ so SEO. To treba brať s rezervou. A je to tak, že mať alebo nemať favicon nebude mať priamy vplyv na SEO (to znamená, že vás nepostaví lepšie alebo horšie za to, či ho máte alebo nie). Teraz je čoraz bežnejšie, že keď prehliadač vstúpi na stránku, vyhľadá daný favicon a keď ho nenájde, zobrazí chybu 404. A viete, že tieto chyby nie sú dobré pre SEO stránok. stránke.
Ako vytvoriť favicon
Potom, čo ste videli, je zrejmé, že favicon je základným prvkom pri vytváraní webovej stránky. Teraz, ako si jeden vyrobíte?
Mali by ste vedieť, že vo väčšine prípadov to, čo robí, je vyberte logo tohto webu, alebo ak je príliš veľké, niečo, čo ho identifikuje. Predstavte si napríklad, že máte televízny web, na ktorý ste nejakým spôsobom volali. Ale to je vo favikone príliš veľké. Namiesto toho môžete do súvisu vložiť obrázok televízie. V týchto prípadoch sa odporúča nosiť rovnaké farby ako váš web, aby ste ho lepšie identifikovali.
A teraz, ako môžeme vytvoriť favicon? Máte niekoľko možností:
Photoshop, Gimp ...
Inými slovami, hovoríme o programoch na úpravu obrázkov, pretože favicon je vytvorený úplne rovnako ako obrázok. Musíte ho samozrejme uložiť vo formáte .ico, aby bol rozpoznaný ako taký, pretože ho nemožno ponechať ako jpg, gif alebo podobne.
Tento spôsob robenia umožňuje oveľa lepšie prispôsobiť favicon, dokázať ho vytvoriť od nuly a dať mu požadovaný povrch. Normálne pre tento účel pracujete s obrázkom v normálnej veľkosti a potom ho prispôsobíte veľkosti tohto tlačidla.
Potom by mal byť nahraný a otestovaný v rôznych prehliadačoch, aby sa zistilo, či vyzerá dobre, je reprezentatívny a predovšetkým pochopený.
Používanie online nástrojov
V tomto prípade odkazujeme na webové stránky, ktoré sa postarajú o prevedenie ľubovoľného obrázka na favicon v priebehu niekoľkých sekúnd. Ale máte tiež možnosť navrhnite svoj favicon priamo s týmito stránkami.
Ak chcete prvý (nahrať obrázok a previesť ho), potom odporúčame Favicon Generator alebo Favic-o-matic. Ak však chcete to druhé (navrhnite ho od nuly), stavte na editor favicon.io alebo x-icon.
Pomocou WordPress
Je vaša stránka vytvorená vo WordPress? A viete, že tento systém môžete použiť na vytvorenie svojej favicon. K tomu môžete použiť niektoré doplnky, ktoré vám umožňujú vytvoriť toto tlačidlo na základe obrázka, ktorý ste nahrali (alebo ktorý nahráte). Aj cez Môžete to urobiť pomocou možnosti „Vzhľad / Prispôsobiť“.
Keď máte favikón hotový, musíte ho jednoducho umiestniť na svoj web a nechať ho rozpoznať, aby ste ho mohli zobraziť v ľavej časti názvu stránky, ako aj pri ukladaní do obľúbených položiek. Takto vás ľahko spoznajú bez toho, aby museli prestať čítať, ak je to stránka, ktorú skutočne chceli navštíviť.