Размер на Favicon за сайта

В уеб дизайна, както вероятно знаете, всеки детайл е важен. Лице, което е преминало към Вашия ресурс, не вижда всеки елемент отделно, но възприема цялото изображение като пакет, състоящ се от други малки детайли. По този начин, ако пропуснете нещо, докато развивате ресурса си, този детайл в бъдеще може да развали целия комплекс, целия състав.

Такава дреболийка може да бъде например фон на бутон, неправилно избран шрифт на някакъв малък елемент и дори фавикон. Всъщност, изглеждайте, големи, добре известни сайтове имат индивидуална икона, която я обозначава в секцията "Отметки" на браузъра на потребителя. Без него разработчиците на ресурса не биха могли да създадат състава, към който първоначално са се стремили.

Следователно, когато създавате дизайн за вашия сайт, трябва да се погрижите за такива детайли като Favicon. В тази статия ще обсъдим как да я изберете под общия стил на ресурса, както и какъв размер трябва да има това изображение.

Икона на сайта

Първо, ние определяме какъв е този елемент. В момента погледнете името на раздела на браузъра си. Както можете да видите, отляво на него има малко изображение, обозначаващо опростена версия на логото на ресурса. Същата снимка също се намира в близост до името на сайта, показван в резултатите от търсенето. На него потребителят е ориентиран, когато вижда заглавието.

Много уебмайстори разбират, че такава снимка е необходима - но много малко хора знаят какъв размер фавикон за сайта ще бъде най-подходящ. Ето защо в тази статия не само даваме информация за това как да създадем такава икона и как да я инсталирате във вашия ресурс, но и да ви разкажем за размера на изображението.

Целта на фавиона

Така че, картината в близост заглавието на сайта служи за идентификация. Това е неговата първоначална цел: да изрази мястото, чието наименуване виждаме, и да го различим в очите на другите. Това става възможно най-лесно с помощта на графики: интуитивно възприемаме информацията в картините много по-бързо и по-лесно, отколкото в текстов формат. Фавиконите ни помагат в това. Но не забравяйте, че размерът на favicon е минимален в очите на потребителя. Това не е лого в "заглавието" на сайта, което може да съдържа допълнителна информация под формата на надписи, някои разяснения или информация за връзка. Всичко, което може да се покаже в иконата до името, трябва да бъде възможно най-близо до размера на Favicon. И той, както вече беше посочено, е само миниатюрна (само 16 на 16 пиксела).

Как да изберем Favicon?

Как може един уеб администратор да разработи икона за уебсайта си? Трябва да се отбележи, че просто да се свие логото на сайта, най-често няма да работи. На емблемите, които са поставени под формата на лого на определен ресурс, често се виждат различни елементи, които не винаги ще се показват правилно в миниатюрна форма. По-добре е незабавно да се откаже от подобно начинание.

Разбира се, размерът на фавиона не ни позволява да говорим за просто вмъкване на надпис там. Всеки текст ще бъде просто невидим в тази резолюция. Необходимо е да се разработи нова икона, която да предаде стила на сайта. За да намерите решения, отново, нека се обърнем към най-големите сайтове.

Много използват под формата на favicon стилизирани първата буква от името на услугата. Това е това, което Бинг, Yahoo, Yandex, Wikipedia, Google например. Има и друг подход - ако имате кратко име на сайта, можете да го зададете като фон на иконата си. До размера на favicon (в пиксели достига, повтарям, 16 на 16 точки) позволява да се покаже този надпис правилно, не трябва да е по-дълъг от 3 букви. Това например службата Аол прави.

Как да създадете Favicon?

Можете да направите икона за име на уебсайт по няколко начина. Разбира се, най-простото е да работите с различни готови решения. Тя може да бъде за всички услуги или програми, които ви позволяват да направите пълна икона от икона, като я намалите. Бих препоръчал обаче да разработите това лого сами. Това, на първо място, ще даде възможност да се научи нещо, а на второ място, ще предостави повече инструменти. Всичко, което ще трябва да можете да направите, е какво да изготвите, а също и да знаете кое размера на фавикон трябва да бъде в окончателната версия. Що се отнася до размера на иконата за сайта, ще говорим малко по-късно, но засега имайте предвид някои от тънкостите на работата с такива изображения. По-специално, без да се споменава размерът на favicon за сайта, трябва да посочите формата на това изображение. Както е отбелязано от опитни дизайнери, картината трябва да бъде запазена като .jpg (24-битова) или като файл.

Можете да запишете снимката, например, като използвате Photoshop, където ще се изчертава логото.

Размери на фавикон

Така че, сега нека да поговорим за това колко голямо е изображението, което виждаме до името на сайта в резултата от търсенето. По подразбиране, както вече споменахме, неговият размер е само 16 пиксела (от всяка страна). Ако обаче се опитате да редактирате това изображение във Photoshop, ще видите колко е неудобно. Затова препоръчваме да работите с разширена картина, която в бъдеще може да бъде просто компресирана около краищата и запазена в желания формат.

многоплатформен

Въпреки това, говорейки за размера на favicon трябва да бъде на вашия сайт, трябва да помните още едно нещо. Не всички платформи изобразяват изображението на ресурса по същия начин. Например, устройствата с дисплей на ретината "виждат" вашия фъвикон в размер от 32 до 32 пиксела. И в Safari и на новата платформа на Windows и изобщо тези икони достигат размер от 64 пиксела.

Затова ви препоръчваме да запазите различни версии на иконата и в бъдеще просто да осигурите нейното изменение в зависимост от платформата на потребителя. Друг интересен момент - можете да опитате да изтеглите иконата в най-големия формат, очаквайки, че ще се "свие" в зависимост от браузъра.

Извънреден редактори

Разбира се, добре е, ако разбирате Photoshop и знаете какъв размер на favicon трябва да бъде и как да го постигнете, запазвайки вашето изображение. Въпреки това, има много нови хора, които просто не се натъкнаха на такива графични редактори толкова силно преди, така че не могат просто да нарисуват правилното изображение. За да помогнете на тези уеб администратори, има различни услуги, които ви позволяват автоматично да създадете икона, която ви интересува. Много от тях са дори безплатни, което не изисква никаква инвестиция от потребителя.

За работа, понякога просто трябва да се регистрирате, но, както знаете, това се прави веднъж - в края на краищата не толкова често компаниите променят фавиона. Погледнете най-малко в Google, който сменя логото всеки ден, но не докосва иконата.

Как да инсталирам Favicon?

Като цяло, за да персонализирате сайта си по такъв начин, че правилно да показва изображението, от което се нуждаете, това е много просто. Достатъчно е да извършите няколко прости действия, които ще позволят на търсачките, както и на обикновените браузъри, да четат информация.

За да направите това, полученото изображение трябва да бъде запазено с името favicon.ico и да бъде поставено в корена на неговия ресурс. Всичко, сега вашето изображение ще бъде разпознато автоматично и след известно време ще бъде прикачено към вашия сайт.

В допълнение към това свързване можете да добавите още един ред, който ще "покаже" къде се намира иконата ви. Това изглежда така:

данни

Така че, след като прочетете тази статия, вие се справят с факта, какъв размер трябва да бъде икона на сайта за сайта и че като цяло е. Също така, мисля, че разбирам, че търсенето на подходяща икона за вашия сайт - това е необходимост, защото тя играе в ръцете на двама ви по отношение на повишаване на информираността, както по отношение на допълнителното разпределение, сред конкурентите си. Поне най-големите сайтове правят същото нещо, което може да се приеме като ярък пример. И тогава, много усилия той не предизвиква - вземане на уеб икона веднъж и да го инсталирате правилно на сайта, можете да забравите за него през следващите няколко месеца.

Така експериментирайте смело, измислете нещо ново, опитайте и всичко ще се окаже!