Favicon velikost stránky

Ve webovém designu, jak asi víte, každý detail je důležitý. Osoba, která prošla vaším zdrojem, nevidí jednotlivé prvky samostatně, avšak vnímá celý obraz jako balíček obsahující další malé detaily. Pokud tedy něco vynecháte při vývoji svého zdroje, tento detail v budoucnu může zkazit celý komplex, celou kompozici.

Taková maličkost může být například pozadí knoflíku, nesprávně vybrané písmo nějakého malého prvku a dokonce favicon. Ve skutečnosti se podívejte na sebe, velké a dobře známé lokality mají samostatnou ikonu, což znamená, že v sekci "Záložky" prohlížeče uživatele. Bez něj by vývojáři zdroje nebyli schopni vytvořit kompozici, ke které původně usilovali.

Proto se při vytváření návrhu pro vaše stránky postaráte o takové podrobnosti jako Favicon. V tomto článku budeme hovořit o tom, jak jej vybrat v obecném stylu zdroje, a jakou velikost by měl tento obrázek mít.

Ikona webu

Nejprve zjistíme, co je tento prvek. Právě teď se podívejte na název karty vašeho prohlížeče. Jak vidíte, na levé straně je malý obrázek označující zjednodušenou verzi loga zdroje. Stejný obrázek se nachází také v blízkosti názvu stránky zobrazené ve výsledcích vyhledávání. Je na tom, že uživatel je orientován, když vidí titul.

Mnoho webmasterů si uvědomuje, že takovýto obrázek je zapotřebí - ale jen málo lidí ví, jakou velikost favicon pro místo bude nejvhodnější. Proto v tomto článku poskytujeme nejen informace o tom, jak vytvořit takovou ikonu a jak ji můžete nainstalovat do svého zdroje, ale také o velikosti obrazu.

Účel favikonu

Takže obrázek blízko název webu slouží k identifikaci. To je jeho původní účel: vyjádřit místo, jemuž pojmenujeme a rozlišujeme jej v očích ostatních. To se provádí co nejjednodušším způsobem pomocí grafiky: intuitivně vnímáme informace v obraze mnohem rychleji a jednodušeji než v textovém formátu. Favicons nám v tom pomáhají. Ale nezapomeňte, že velikost favikonu je v očích uživatele minimální. Toto není logo v hlavičce webu, které může obsahovat další informace ve formě nápisů, některých upřesnění nebo kontaktních informací. Vše, co se může zobrazit na ikoně vedle názvu, by mělo být co nejblíže velikosti zařízení Favicon. A on, jak již bylo naznačeno, je jen miniaturní (pouze 16 pixelů 16 pixelů).

Jak si vybrat Favicon?

Tak jak může webmaster vytvořit ikonu svých webových stránek? Je třeba poznamenat, že prostě zmenšení loga webu nejčastěji nebude fungovat. Na emblémy, které jsou umístěny ve formě loga určitého zdroje, jsou často viditelné různé prvky, které nebudou vždy zobrazeny správně v miniaturním tvaru. Je lepší okamžitě opustit takový závazek.

Samozřejmě, velikost favikonu nám neumožňuje mluvit o tom, že tam prostě vložíme nápis. Jakýkoli text bude v tomto usnesení prostě neviditelný. Je třeba vytvořit novou ikonu, která by informovala o stylu webu. Chcete-li najít řešení, znovu se obráťte na největší stránky.

Mnozí používají v podobě favikona stylizované první písmeno názvu služby. To je to, co Bing, Yahoo, Yandex, Wikipedia, Google dělají například. Existuje další přístup - pokud máte krátký název webu, můžete jej nastavit jako pozadí vaší ikony. K velikosti favikonu (v pixelech to dosáhne, opakuji 16 16 bodů) dovolit tento nápis správně zobrazit, nesmí být delší než 3 písmena. To je například služba Aol.

Jak vytvořit Favicon?

Ikonu názvu webové stránky můžete vytvořit několika způsoby. Samozřejmě nejjednodušší je pracovat s různými hotovými řešeními. Může to být o jakýchkoli službách nebo programech, které vám umožňují vytvořit ikonu plnou ikonou tím, že ji snížíte. Doporučil bych vám, abyste toto logo vyvinuli samostatně. To za prvé poskytne příležitost se něco naučit a za druhé poskytne další nástroje. Vše, co budete muset udělat, je to, co kreslit, a také vědět, co velikost favikonu by měla být v konečné verzi. O velikosti ikony pro web, budeme mluvit o něco později, ale prozatím, uvědomte si některé jemnosti práce s těmito obrázky. Zejména bez uvedení velikosti stránky favicon pro daný web byste měli zadat formát tohoto obrázku. Jak uvedli zkušení návrháři, obrázek by měl být uložen jako .jpg (24bitový) nebo jako soubor. ICO.

Obrázek můžete uložit například pomocí aplikace Photoshop, kde bude vykresleno logo.

Rozměry favikonu

Takže teď hovoříme o tom, jak velký by měl být obraz, který vidíme vedle jména webu ve výsledku vyhledávání. Ve výchozím nastavení, jak již bylo uvedeno, je jeho velikost pouze 16 pixelů (na každé straně). Pokud se však pokusíte upravit tento obrázek ve Photoshopu, uvidíte sami sebe, jak nepohodlné je. Proto doporučujeme pracovat s rozšířeným obrázkem, který v budoucnu může být jednoduše komprimován kolem okrajů a uložen v požadovaném formátu.

Multiplatform

Nicméně, mluvit o velikosti favicon by měl být na vašem webu, musíte si pamatovat ještě jednu věc. Ne všechny platformy zobrazují obrázek zdroje stejným způsobem. Například zařízení s displejem Retina "vidí" váš favikon rychlostí 32 x 32 pixelů. A v Safari a na nové platformě Windows a vůbec tyto ikony dosahují velikosti 64 pixelů.

Proto doporučujeme uložit různé verze ikony a v budoucnu jednoduše upravte její úpravy v závislosti na platformě uživatele. Další zajímavý bod - můžete zkusit stáhnout ikonu v největším formátu a očekávat, že se bude "zmenšovat" v závislosti na prohlížeči.

Cizí redaktoři

Samozřejmě, je dobré, když rozumíte aplikaci Photoshop a víte, jaká velikost favicon by měla být a jak ji dosáhnout, čímž uložíte svůj obrázek. Existuje však spousta nováčků, kteří se tak předtím nedostali tak silně do grafických editorů, takže nemohou jen kreslit správný obraz. Chcete-li pomoci těmto správcům webu, existují různé služby, které vám umožní automaticky vytvořit ikonu, která vás zajímá. Mnoho z nich je dokonce zdarma, což nevyžaduje žádné investice od uživatele.

Pro práci se někdy stačí zaregistrovat, ale, jak víte, to se děje jednou - koneckonců ne tak často, že společnosti mění favikon. Podívejte se přinejmenším na Google, který denně mění logo, ale nedotýká se ikony.

Jak nainstalovat Favicon?

Obecně lze přizpůsobit své stránky takovým způsobem, že správně zobrazují požadovaný obrázek, je to velmi jednoduché. Stačí stačit několik jednoduchých akcí, které umožní vyhledávačům, stejně jako jednoduchým prohlížečům, číst informace.

K tomu musí být výsledný obrázek uložen pod jménem favicon.ico a umístěn v kořenovém adresáři jeho zdroje. Vše, nyní bude váš obrázek automaticky rozpoznán a po nějakém čase bude připojen k vašemu webu.

Kromě této vazby můžete přidat další řádek, který bude "vyzván", kde se nachází vaše ikona. Vypadá to takto:

Závěry

Takže po přečtení našeho článku jste zjistili, jakou velikost favicon by měla být místo a co to je. Také si myslím, že jste si uvědomili, že nalezení správné ikony pro váš zdroj je nutností, protože hraje ve vašich rukou jak z hlediska rostoucího uznání, tak z hlediska dodatečného rozdělení mezi vaše konkurence. Alespoň největší stránky dělají totéž, což lze považovat za živý příklad. A pak to nezpůsobuje žádné zvláštní úsilí - po vytvoření Favicon a jeho správné instalaci na vaše stránky, můžete o tom zapomenout v příštích několika měsících.

Takže experimentujte směle, pojďte s něčím novým, zkuste a všechno se ukáže!