Памер фавикона для сайта

У вэб-дызайне, як вы напэўна ведаеце, важная кожная дэталь. Чалавек, які перайшоў на ваш рэсурс, не бачыць кожны з элементаў асобна, а ўспрымае ўвесь лад пакетам, якія складаюцца з іншых дробных дэталяў. Такім чынам, калі вы выпускаеце што-небудзь у працэсе распрацоўкі свайго рэсурсу, гэтая дэталь у далейшым можа сапсаваць увесь комплекс, усю кампазіцыю.

Гэткай дробяззю можа стаць, напрыклад, фон кнопкі, няправільна падабраны шрыфт нейкага невялікага элемента і нават фавикон. І сапраўды, паглядзіце сами- буйныя, вядомыя сайты маюць індывідуальную абразок, якая пазначае яго ў раздзеле "Закладкі" ў браўзэры карыстальніка. Без яе распрацоўнікам рэсурсу не атрымалася б стварыць тую кампазіцыю, да якой яны імкнуліся першапачаткова.

Таму і вы, ствараючы дызайн для свайго сайта, павінны паклапаціцца пра такую дэталі, як фавикон. У гэтым артыкуле мы распавядзем аб тым, як падбіраць яго пад агульны стыль рэсурсу, а таксама пра тое, якія памеры павінны быць у гэтага малюнка.

абразок сайта

Спярша вызначымся, што ж уяўляе сабой гэты элемент. Прама цяпер зірніце на назву ўкладкі вашага браўзэра. Як бачыце, злева ад яго ёсць маленькае выява, якое пазначае спрошчаную версію лагатыпа рэсурсу. Такая ж карцінка ёсць і каля назвы сайта, адлюстраванне ў выніках пошукавай выдачы. Менавіта на яе арыентуецца карыстальнік, калі бачыць тытул.

Многія вэбмайстра разумеюць, што такая карцінка патрэбна - але мала хто ведае, які памер фавикона для сайта будзе найбольш прыдатным. Таму ў гэтым артыкуле мы не толькі дамо інфармацыю аб тым, як рабіць такую абразок і якім чынам можна ўсталяваць яе на ваш рэсурс, але і раскажам аб памерах выявы.

прызначэнне фавикона

Такім чынам, карцінка каля загалоўка сайта служыць для ідэнтыфікацыі. Гэта яе першапачатковае прызначэнне: выказаць сайт, назание якога мы бачым, і вылучыць яго ў вачах астатніх. Робіцца гэта максімальна проста за кошт выкарыстання графікі: мы інтуітыўна ўспрымаем інфармацыю ў малюнках значна хутчэй і лягчэй, чым у тэкставым фармаце. Фавиконы спрыяюць нам у гэтым. Але не варта забываць, што памер фавикона мінімальны ў вачах карыстальніка. Гэта не лагатып ў "шапцы" сайта, які можа ўтрымліваць дадатковыя звесткі ў выглядзе надпісаў, нейкіх ўдакладненняў або кантактнай інфармацыі. Усё, што можа быць намалявана ў абразку каля назвы, павінна максімальна падыходзіць пад памер фавикона. А ён, як ужо было пазначана, проста мініятурны (усяго 16 на 16 пікселяў).

Як падабраць фавикон?

Дык якім жа чынам вэбмайстар можа распрацаваць абразок для свайго сайта? Варта заўважыць, што проста сціснуць лагатып сайта, часцей за ўсё, не атрымаецца. На эмблемах, якія ставяць у выглядзе лога таго ці іншага рэсурсу, часцяком бачныя розныя элементы, якія не заўсёды будуць карэктна адлюстроўвацца ў мініятурным выглядзе. Лепш адразу ж адмовіцца ад такой задумы.

Зразумела, памер фавикона не дазваляе казаць і пра тое, каб проста ўставіць туды надпіс. Любы тэкст будзе проста незаўважны пры такім дазволе. Трэба распрацаваць новую абразок, якая б перадавала стыль сайта. Для пошуку рашэнняў, зноў жа, давайце звернемся да найбуйнейшым пляцоўках.

Многія выкарыстоўваюць у выглядзе фавикона стылізаваную першую літару назвы сэрвісу. Так паступаюць, напрыклад, Bing, Yahoo, Yandex, Wikipedia, Google. Ёсць і іншы падыход - калі ў вас кароткае імя сайта, можаце ўсталяваць яго ў якасці фону сваёй абразкі. Каб памер фавикона (у пікселях ён дасягае, паўтару, 16 на 16 кропак) дазваляў карэктна паказваць гэты надпіс, яна павінна быць не даўжэй 3 літар. Так паступае, напрыклад, сэрвіс Aol.

Як стварыць фавикон?

Зрабіць абразок для назвы сайта можна некалькімі спосабамі. Вядома ж, самы просты - гэта праца з рознымі гатовымі рашэннямі. Гаворка можа ісці аб якіх-небудзь сэрвісах або праграмах, якія дазваляюць з паўнавартаснага малюнка зрабіць абразок шляхам памяншэння яго. Аднак, я б рэкамендаваў заняцца распрацоўкай такога лагатыпу ўласнымі сіламі. Гэта, па-першае, дасць магчымасць нечаму навучыцца; а па-другое, прадаставіць большую колькасць інструментаў. Усё, што вам трэба будзе ўмець для гэтага -што маляваць, а таксама ведаць, якога памеру фавикон павінен быць у канчатковым варыянце. Аб памеры абразкі для сайта мы пагаворым крыху пазней, а пакуль адзначым некаторыя тонкасці працы з такімі малюнкамі. У прыватнасці, не згадваючы памер фавикона для сайта, варта ўдакладніць фармат такога малюнка. Як адзначаюць вопытныя дызайнеры, карцінка павінна быць захавана ў выглядзе .PNG (24-бітным), альбо ж як файл.ICO.

Вырабіць захаванне карцінкі можна, напрыклад, пры дапамозе Photoshop, дзе і будзе малявацца эмблема.

памеры фавикона

Такім чынам, зараз пагаворым аб тым, наколькі вялікі павінна быць малюнак, якую мы бачым побач з назвай сайта ў пошукавай выдачы. Па змаўчанні, як ужо гаварылася, яе памер складае ўсяго 16 пікселяў (па кожнай з бакоў). Аднак калі вы паспрабуеце рэдагаваць гэта малюнак у "Фотошопе", самі пераканайцеся ў тым, наколькі гэта нязручна. Таму рэкамендуем працаваць з павялічанай малюначкам, якую ў далейшым можна будзе проста сціснуць па краях і захаваць у патрабаваным фармаце.

Мультиплатформенность

Аднак кажучы пра тое, якога памеру фавикон павінен быць на вашым сайце, трэба памятаць яшчэ адну рэч. Не ўсе платформы адлюстроўваюць карцінку рэсурсу аднолькава. Напрыклад, прылады з Retina-дысплеем "бачаць" ваш фавикон ў памеры 32 на 32 пікселя. А ў Safari і на новай платформе Windows, і зусім, гэтыя абразкі дасягаюць памеру 64 пікселяў.

Таму рэкамендуем захаваць розныя версіі абразкі і ў далейшым проста прадугледзець яе змяненне ў залежнасці ад платформы карыстальніка. Яшчэ адзін цікавы момант - можна паспрабаваць загрузіць абразок ў найбольшым фармаце, разлічваючы на тое, што яна будзе "сціскацца" у залежнасці ад браўзэра.

староннія рэдактары

Вядома, добра, калі вы разбіраецеся ў Photoshop і ведаеце, які памер фавикона павінен быць і як яго дасягнуць, захоўваючы свой малюнак. Аднак ёсць маса пачаткоўцаў, якія проста не сутыкаліся з графічнымі рэдактарамі настолькі шчыльна раней, таму не могуць так проста намаляваць патрэбнае малюнак. Каб дапамагчы такім вэбмайстрам, існуюць розныя сэрвісы, якія дазваляюць у аўтаматычным рэжыме рабіць цікавую для вас абразок. Многія з іх нават бясплатныя, што і зусім не патрабуе ніякіх укладанняў з боку карыстальніка.

Для працы часам трэба толькі зарэгістравацца, але, як вы разумееце, робіцца гэта аднойчы - бо не так часта кампаніі мяняюць фавикон. Зірніце хоць бы на Google, які кожны дзень змяняе лагатып, але не кранае абразок.

Як усталяваць фавикон?

Наогул, наладзіць свой сайт такім чынам, каб на ім карэктна адлюстроўвалася патрэбнае вам малюнак, вельмі проста. Дастаткова выканаць шэраг нескладаных дзеянняў, якія дазволяць пошукавым сістэмам, а таксама простым браўзэрам счытваць інфармацыю.

Для гэтага атрыманы малюнак неабходна захаваць з імем favicon.ico і змясціць у корань свайго рэсурсу. Усё, зараз ваша малюнак стане распазнавацца аўтаматычна, і па здарэнні некаторага часу яно будзе прывязана да вашага сайту.

Акрамя такой прывязкі можна дадаць яшчэ адзін радок, якая будзе "падказваць", дзе знаходзіцца ваша абразок. Выглядае ён наступным чынам:

Ўсталяваць код варта ў шапку сайта.

высновы

Такім чынам, прачытаўшы нашу артыкул, вы разабраліся з тым, якога памеру павінен быць фавикон для сайта і што гэта наогул такое. Таксама, я думаю, вы зразумелі, што пошук падыходнай абразкі для вашага рэсурсу - гэта неабходнасць, бо гэта гуляе вам на руку як з пункту гледжання павышэння пазнавальнасці, так і ў плане нейкага дадатковага вылучэння сярод вашых канкурэнтаў. Прынамсі, найбуйнейшыя сайты паступаюць такім жа чынам, што можна браць у якасці яскравага прыкладу. Ды і потым, намаганняў гэта асаблівых не выклікае - зрабіўшы фавикон раз і усталяваўшы яго правільна на свой сайт, вы можаце забыць аб ім на наступныя некалькі месяцаў.

Таму смела эксперыментуйце, прыдумляйце нешта новае, старайцеся - і ўсё атрымаецца!