Veľkosť favicon pre vaše stránky

V návrhu internetových stránok, ako asi viete, každý detail záležitosti. Muž, ktorý išiel na svojich stránkach, nemôže vidieť každý prvok samostatne a trvá celý obraz balíka, ktorý sa skladá z ďalších drobných detailov. Teda, ak niečo chýba v procese vývoja prostriedku, tento údaj sa v budúcnosti môže pokaziť celý komplex, kompletné zloženie.

Takéto pokuty môžu byť napríklad pozadie tlačidla, nesprávne písma nejaký malý predmet a dokonca favicon. V skutočnosti vyzerajú sami- veľké, dobre známe weby majú individuálne ikonu, ktorá ho zastupuje v "Záložky" v prehliadači používateľa. Bez neho vývojári zdrojov sa nepodarilo vytvoriť kompozíciu, na ktoré sa pôvodne hľadal.

Preto vytvárate dizajn pre web, by sa mal starať o také detaily ako favicon. V tomto článku budeme hovoriť o tom, ako ju zvoliť podľa všeobecného štýle zdrojov, a aké veľkosti by mali byť v obraze.

ikona web

Po prvé, máme definovať, čo tvorí tento prvok. Teraz sa pozrieť na titul kartách prehliadača. Ako vidíte, na ľavej strane sa nachádza malý obrázok, ktorý predstavuje zjednodušenú verziu zdroje loga. Rovnaký obraz je tam vedľa názvu webe zobrazí v SERPs. Že používateľ je vedený nej, keď vidí titul.

Mnoho webmasterov pochopiť, že je potrebné tento obraz - ale len málo ľudí vie, akú veľkosť by bolo nanajvýš vhodné, favicon pre web. Preto sa v tomto článku budeme dávať nielen informácie o tom, ako takú ikonu a ako ju nainštalovať na svojich stránkach, ale tiež popísať rozmery obrázku.

účelom favicon

Takže obraz pri hlavičke webu slúži na identifikáciu. To je jeho pôvodný účel: vyjadriť miesto, ktoré vidíme Nathaniel a vyberte ju v očiach druhých. To sa stáva veľmi jednoduchá pomocou grafiky: my intuitívne vnímať informácie v obrazoch oveľa rýchlejší a jednoduchší ako v textovom formáte. Favicon nám pomôže v tomto. Ale nezabudnite, že veľkosť favicon je minimálna v očiach užívateľa. Nejedná sa o logo v "cap" stránky, ktoré môžu obsahovať ďalšie informácie v podobe nápisov, vysvetlenie či kontaktných informácií. Čokoľvek, čo môže byť zobrazené na ikonu vedľa názvu, by mal byť najvhodnejšie veľkosti favicon. A je, ako už bolo uvedené, miniatúrne (z 16 o 16 bodov).

Ako si vybrať favicon?

Tak ako sa webmaster môže navrhnúť ikona pre vaše webové stránky? Je potrebné poznamenať, že jednoducho komprimovať logo stránkam, s najväčšou pravdepodobnosťou nepodarí. Na plagátoch, ktoré sú vložené v podobe loga z konkrétneho zdroja, často vidieť rôzne položky, ktoré sa nie vždy správne zobrazovať v miniatúrnej podobe. Je lepšie, aby okamžite opustiť tento podnik.

Samozrejme, že veľkosť favicon nemožno hovoriť o tom stačí vložiť nápis tam. Akýkoľvek text bude jednoducho nie je v tomto rozlíšení viditeľné. Musíme vytvoriť novú ikonu, ktorá bude vysielať štýl webu. Ak chcete nájsť riešenie, znovu, poďme sa pozrieť na hlavných miestach.

Mnoho použiť favicon štylizovanou prvé písmeno mena služby. Tak poď, napríklad Bing, Yahoo, Yandex, Wikipedia, Google. Tam je iný prístup - ak máte krátky názov webu, môžete ho nastaviť ako pozadie ikony. Aby favicon rozlíšenie (pixely sa dostane opäť 16-16 bodov) môže správne zobraziť znak, musí byť dlhšia ako tri písmená. Takže áno, napríklad služby AOL.

Ako vytvoriť favicon?

Urobiť ikonu pre názov webu niekoľkými spôsobmi. Samozrejme, že najjednoduchšie - je pracovať s rôznymi hotovými riešeniami. Môžeme hovoriť o akékoľvek služby alebo programy, ktoré umožňujú, aby sa obraz plný ikonu znížením ho. Avšak by som odporučil, aby vykonala vývoj loga na jeho vlastné. To je po prvé umožní naučiť sa niečo; a za druhé, aby veľké množstvo nástrojov. Všetko, čo musíte byť schopní urobiť -To draw, rovnako ako vedeli, aká veľkosť favicon byť vo finálnej verzii. O veľkosti ikon na webe, budeme hovoriť neskôr, ale teraz sme na vedomie niektoré jemnosti pracovať s takými obrazmi. Najmä, nehovoriac o veľkosti favicon pre web, by mala objasniť tento pomer strán. Ako poznamenal skúsených dizajnérov by mal byť obraz uložený ako PNG (24-bit) alebo ako fayl.ICO.

Preveďte uložiť obrázok, môžete napríklad pomocou Photoshopu, kde bude ťahané znak.

rozmery favicon

Takže teraz poďme hovoriť o tom, aká veľká musí byť obraz, ktorý vidíme u stránok vo výsledkoch vyhľadávania. V predvolenom nastavení, ako už bolo spomenuté, jeho veľkosť je len 16 bodov (na každej strane). Avšak, ak sa pokúsite upraviť obrázok v "Photoshop", pozrieť sami, či je to nepríjemné. Preto odporúčame pracovať so zväčšeným obrazom, ktorý v budúcnosti bude len stlačiť hrany a uložený v požadovanom formáte.

multiplatformový

Avšak, hovoriť o tom, čo je veľkosť favicon by mala byť na svojich stránkach, je treba mať na pamäti ešte jednu vec. Nie všetky platformy sú rovnomerne odrážať obraz zdrojov. Napríklad Retina displej zariadenia "vidí" váš favicon vo výške 32 až 32 pixelov. V Safari, a na novej platforme Windows, a všetky tieto ikony dosahujú veľkosť 64 obrazových bodov.

Preto odporúčame, aby sa rôzne verzie ikon v budúcnosti jednoducho poskytovať svojim meniť v závislosti na užívateľské platforme. Ďalším zaujímavým bodom - môžete skúsiť stiahnuť ikonu v najväčšom formáte v nádeji, že bude "zmenšiť", v závislosti na prehliadači.

zahraničné vydavatelia

Samozrejme, že dobré, ak ste dobrí v Photoshope a vedieť, aké veľkosti favicon by malo byť a ako dosiahnuť to pri zachovaní jej image. Avšak, existuje veľa začiatočníkov, ktorí sú jednoducho nie je skúsenými grafických editorov tak tesné predtým, takže nemusí byť tak jednoduché nakresliť požadovanú snímku. Pomôcť týmto webmasterov, existujú rôzne služby, ktoré umožňujú automaticky ktoré vás zaujímajú ikonou. Mnohé z nich sú dokonca zadarmo, ktorá nevyžaduje žiadnu investíciu zo strany používateľa.

Ak chcete pracovať niekedy stačí sa zaregistrovať, ale ako viete, to sa vykoná len raz - v skutočnosti nie je tak často, spoločnosti zmeniť favicon. Stačí sa pozrieť na Google, ktorý každý deň mení logo, ale nedotýka ikonu.

Ako nainštalovať favicon?

Všeobecne možno povedať, nastaviť svoje webové stránky tak, aby sa správne zobrazí obrázok, ktorý chcete, je to veľmi jednoduché. To je dosť vykonávať množstvo jednoduchých krokov, ktoré umožnia vyhľadávače, rovnako ako len prehliadač prečítať informáciu.

Za týmto účelom je potrebné uložiť výsledný obraz ako favicon.ico a dať ju do koreňa zdroja. Teraz je všetko bude automaticky detekovaný na disk, a incident nejaký čas bude prepojený na vaše stránky.

Okrem toho väzba, môžete pridať ďalší riadok, ktorý bude "výzva", kde sa vaše ikony. Vyzerá to takto:

Nastavte kód by mal byť v záhlaví.

zistenie

Takže, po prečítaní tohto článku, sa vysporiadať s tým, akú veľkosť by mala byť favicon pre web a že všeobecne. Tiež si myslím, že chápete, že hľadanie vhodného ikonu pre váš web - je to nutnosť, pretože to hrá do kariet vás oboch, pokiaľ ide o zvyšovanie povedomia, a to ako pokiaľ ide o dodatočné rozdelenie medzi svojimi konkurentmi. Aspoň hlavné lokality konať rovnakým spôsobom, že môžeme brať ako prominentný príklad. A potom, koľko úsilia to nespôsobí - čo favicon raz a nainštalovať správne na svojom webe, môžete zabudnúť na to v najbližších niekoľkých mesiacoch.

Tak neváhajte experimentovať, vymýšľať niečo nové, skúsiť - a uspieť!