/ / Favicon velikost stránky

Favicon velikost stránky

Ve webovém designu, jak asi víte, je důležitékaždý detail. 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í tlačítka,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 vytváříte pro svůj web návrh,by se měl postarat 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

velikost favikonu

Nejprve zjistíme, co jetuto položku. 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 webmasteři pochopí, že takový obrázekPotřeba - 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 vedle názvu stránky sloužíidentifikace. 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á velikost je favicon

Jak si vybrat Favicon?

Tak jak se může webmaster vyvíjetikonu pro vaše stránky? 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 neumožňuje mluvita jednoduše vložení nápisu. 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í ve stylu faviconprvní 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?

velikost favikonu pro danou lokalitu

Vytvořte ikonu pro název webu, který můžeteně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 nejprve poskytne příležitost se něco naučit; a za druhé, poskytne více nástrojů. Vše, co musíte udělat, je to, co kreslit, a také vědět, jakou velikost má favicon 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 .PNG (24bitový) nebo jako soubor. ICO.

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

Rozměry favikonu

jaká velikost by měla být favicon

Takže teď hovoříme o tom, jak velkýmusí být obrázek, který vidíme vedle názvu stránky v SERP. 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 faviconby měla být na vašem webu, musíte si vzpomenout 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 zachovat různé verzeikony av budoucnosti jednoduše zajistěte její změnu 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

favicon velikost v pixelech

Samozřejmě, je dobré, když rozumíte aplikaci Photoshopa víte, jakou velikost by měla být Favicon a jak ji dosáhnout, zachovat její obraz. 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 někdy stačí se zaregistrovat,ale, jak víte, to se děje jednou - koneckonců, ne tak často se společnosti mění favicon. Podívejte se přinejmenším na Google, který denně mění logo, ale nedotýká se ikony.

Jak nainstalovat Favicon?

Obecně nastavte své stránky tak, abysprávně zobrazuje obrázek, který potřebujete, velmi jednoduše. Stačí stačit několik jednoduchých akcí, které umožní vyhledávačům, stejně jako jednoduchým prohlížečům, číst informace.

co velikost favicon pro místo

K tomu je nutný výsledný obrázekUložte jej pod jménem favicon.ico a vložte jej do kořene svého 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:

<link rel = "ikona zástupce" href = "adresa ikony" />

Kód nainstalujte do záhlaví stránky.

Závěry

jaká velikost by měla být favicon pro web

Takže po přečtení našeho článku jste se na to podívalivelikost favicon pro 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!

Přečtěte si více: