Velikost favicon pro vaše stránky

V návrhu internetových stránek, jak asi víte, každý detail záležitosti. Muž, který šel na svých stránkách, nemůže vidět každý prvek samostatně a trvá celý obraz balíku, který se skládá z dalších drobných detailů. Tedy, pokud něco chybí v procesu vývoje prostředku, tento údaj se v budoucnu může zkazit celý komplex, kompletní složení.

Takové pokuty mohou být například pozadí tlačítka, nesprávné písma nějaký malý předmět a dokonce favicon. Ve skutečnosti vypadají sami- velké, dobře známé weby mají individuální ikonu, která ho zastupuje v „Záložky“ v prohlížeči uživatele. Bez něj vývojáři zdrojů se nepodařilo vytvořit kompozici, na které se původně hledal.

Proto vytváříte design pro web, by se měl starat o takové detaily jako favicon. V tomto článku budeme hovořit o tom, jak ji zvolit v rámci obecného stylu zdrojů, a jaké velikosti by měly být v obraze.

ikona web

Za prvé, máme definovat, co tvoří tento prvek. Nyní se podívat na titul kartách prohlížeče. Jak vidíte, na levé straně se nachází malý obrázek, který představuje zjednodušenou verzi zdroje loga. Stejný obraz je tam vedle názvu webu zobrazí v SERPs. Že uživatel je veden ní, když vidí titul.

Mnoho webmasterů pochopit, že je třeba tento obraz - ale jen málo lidí ví, jakou velikost by bylo nanejvýš vhodné, favicon pro web. Proto se v tomto článku budeme dávat nejen informace o tom, jak takovou ikonu a jak ji nainstalovat na svých stránkách, ale také popsat rozměry obrázku.

Účelem favicon

Takže obraz u hlavičky webu slouží k identifikaci. To je jeho původní účel: vyjádřit místo, které vidíme Nathaniel a zvolte ji v očích druhých. To se stává velmi jednoduchá pomocí grafiky: my intuitivně vnímat informace v obrazech mnohem rychlejší a jednodušší než v textovém formátu. Favicon nám pomůže v tomto. Ale nezapomeňte, že velikost favicon je minimální v očích uživatele. Nejedná se o logo v „cap“ stránky, které mohou obsahovat dodatečné informace v podobě nápisů, vysvětlení či kontaktních informací. Cokoliv, co může být zobrazeno na ikonu vedle názvu, by měl být nejvhodnější velikosti favicon. A je, jak již bylo uvedeno, miniaturní (z 16 o 16 bodů).

Jak si vybrat favicon?

Tak jak se webmaster může navrhnout ikona pro vaše webové stránky? Je třeba poznamenat, že jednoduše komprimovat logo stránkám, s největší pravděpodobností nepovede. Na plakátech, které jsou vloženy v podobě loga z konkrétního zdroje, často vidět různé položky, které se ne vždy správně zobrazovat v miniaturní podobě. Je lepší, aby okamžitě opustit tento podnik.

Samozřejmě, že velikost favicon nelze hovořit o tom stačí vložit nápis tam. Jakýkoliv text bude prostě není v tomto rozlišení viditelné. Musíme vytvořit novou ikonu, která bude vysílat styl webu. Chcete-li najít řešení, znovu, pojďme se podívat na hlavních místech.

Mnoho použít favicon stylizovanou první písmeno jména služby. Tak pojď, například Bing, Yahoo, Yandex, Wikipedia, Google. Tam je jiný přístup - pokud máte krátký název webu, můžete jej nastavit jako pozadí ikony. Aby favicon rozlišení (pixely se dostane opět 16-16 bodů) může správně zobrazit znak, musí být delší než tři písmena. Takže ano, například služby AOL.

Jak vytvořit favicon?

Udělat ikonu pro název webu několika způsoby. Samozřejmě, že nejjednodušší - je pracovat s různými hotovými řešeními. Můžeme mluvit o jakékoliv služby nebo programy, které umožňují, aby se obraz plný ikonu snížením jej. Nicméně bych doporučil, aby provedla vývoj loga na jeho vlastní. To je za prvé umožní naučit se něco; a za druhé, aby velké množství nástrojů. Vše, co musíte být schopni udělat -To draw, stejně jako věděli, jaká velikost favicon být ve finální verzi. O velikosti ikon na webu, budeme mluvit později, ale teď jsme na vědomí některé jemnosti pracovat s takovými obrazy. Zejména, nemluvě o velikosti favicon pro web, by měla objasnit tento poměr stran. Jak poznamenal zkušených designérů by měl být obraz uložen jako PNG (24-bit) nebo jako fayl.ICO.

Proveďte uložit obrázek, můžete například pomocí Photoshopu, kde bude tažené znak.

rozměry favicon

Takže teď pojďme mluvit o tom, jak velká musí být obraz, který vidíme u stránek ve výsledcích vyhledávání. Ve výchozím nastavení, jak již bylo zmíněno, jeho velikost je jen 16 bodů (na každé straně). Nicméně, pokud se pokusíte upravit obrázek v „Photoshop“, podívat sami, zda je to nepříjemné. Proto doporučujeme pracovat se zvětšeným obrazem, který v budoucnu bude jen zmáčknout hrany a uložen v požadovaném formátu.

multiplatformní

Nicméně, mluvit o tom, co je velikost favicon by měla být na svých stránkách, je třeba mít na paměti ještě jednu věc. Ne všechny platformy jsou rovnoměrně odrážet obraz zdrojů. Například Retina displej zařízení „vidí“ váš favicon ve výši 32 až 32 pixelů. V Safari, a na nové platformě Windows, a všechny tyto ikony dosahují velikosti 64 obrazových bodů.

Proto doporučujeme, aby se různé verze ikon v budoucnu jednoduše poskytovat svým měnit v závislosti na uživatelské platformě. Dalším zajímavým bodem - můžete zkusit stáhnout ikonu v největším formátu v naději, že bude „zmenšit“, v závislosti na prohlížeči.

zahraniční vydavatelé

Samozřejmě, že dobré, pokud jste dobří v Photoshopu a vědět, jaké velikosti favicon by mělo být a jak dosáhnout to při zachování její image. Nicméně, existuje spousta začátečníky, kteří jsou prostě není zkušenými grafických editorů tak těsné předtím, takže nemusí být tak snadné nakreslit požadovaný snímek. Pomoci těmto webmastery, existují různé služby, které umožňují automaticky které vás zajímají ikonou. Mnohé z nich jsou dokonce zdarma, která nevyžaduje žádnou investici ze strany uživatele.

Chcete-li pracovat někdy stačí se zaregistrovat, ale jak víte, to se provádí pouze jednou - ve skutečnosti není tak často, společnosti změnit favicon. Stačí se podívat na Google, který každý den mění logo, ale nedotýká ikonu.

Jak nainstalovat favicon?

Obecně lze říci, nastavit své webové stránky tak, aby se správně zobrazí obrázek, který chcete, je to velmi jednoduché. To je dost provádět řadu jednoduchých kroků, které umožní vyhledávače, stejně jako jen prohlížeč přečíst informaci.

Za tímto účelem je třeba uložit výsledný obraz jako favicon.ico a dát ji do kořene zdroje. Nyní je vše bude automaticky detekován na disk, a incident nějaký čas bude propojen na vaše stránky.

Kromě toho vazba, můžete přidat další řádek, který bude „výzva“, kde se vaše ikony. Vypadá to takto:

Nastavte kód by měl být v záhlaví.

zjištění

Takže, po přečtení tohoto článku, se vypořádat s tím, jakou velikost by měla být favicon pro web a že obecně. Také si myslím, že chápete, že hledání vhodného ikonu pro váš web - je to nutnost, protože to hraje do karet vás obou, pokud jde o zvyšování povědomí, a to jak pokud jde o dodatečné rozdělení mezi svými konkurenty. Alespoň hlavní lokality jednat stejným způsobem, že můžeme brát jako prominentní příklad. A pak, kolik úsilí to nezpůsobí - což favicon jednou a nainstalovat správně na svém webu, můžete zapomenout na to v příštích několika měsících.

Tak neváhejte experimentovat, vymýšlet něco nového, zkusit - a uspět!