ИнтернетУеб дизайн

Размер на уеб икона за вашия сайт

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

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

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

Икона сайт

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

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

Цел икона на сайта

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

Как да изберем уеб икона?

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

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

Много използвате уеб икона стилизиран първата буква от името на услугата. Така дойде, например, Bing, Yahoo, Yandex, Wikipedia, Google. Има и друг подход - ако имате кратко име на сайта, можете да го настроите като фон на иконата. За да FAVICON резолюция (пиксели достигне отново 16-16 точки) може да покаже правилно знака, той трябва да бъде не по-дълъг от три букви. Същото прави, например, обслужване Aol.

Как да създадете уеб икона?

Направи икона за името на сайта по няколко начина. Разбира се, най-лесно - е да се работи с различни готови решения. Можем да говорим за каквито и да било услуги или програми, които ви позволяват да се направят образ на пълната иконата, като я намалява. Въпреки това, аз бих препоръчал да се заеме с развитието на логото за своя сметка. Това е, от една страна, ще даде възможност да научите нещо; и второ, да се осигури голям брой инструменти. Всичко, което трябва да бъде в състояние да направи -Това равенство, както знаете какъв размер икона на сайта, за да бъде в окончателния вариант. За размера на иконите за сайта, ще говорим по-късно, но за сега ние отбелязваме някои от тънкостите на работата с такива изображения. По-специално, да не говорим за размера на уеб иконата за сайта, трябва да се изясни тази пропорция. Както беше отбелязано от опитни дизайнери, картината трябва да бъде запазен като .PNG (24-битова), или като fayl.ICO.

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

Размери икона на сайта

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

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

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

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

чужди редактори

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

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

Как да инсталирате уеб икона?

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

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

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

Задайте код трябва да бъде в заглавната част.

данни

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

Така че не се колебайте да експериментирате, измисли нещо ново, опитайте - и успех!

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 bg.delachieve.com. Theme powered by WordPress.