Размер на Favicon в пиксели. Икона на уебсайт: създаване и редактиране

18.05.2019

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

Това е Favicon

Ако буквално преведете този термин, получавате "любим образ". Тази дума произлиза от комбинацията от две английски думи: предпочитани, което означава избраната, и икона, т.е. изображение или икона.

favicon

Favicons на местоположението - адресен ред на уеб ресурс в раздела на браузъра или списък с любими маркери. В някои търсачки favicons се намират в близост до ресурсите на страниците за търсене. Например, в "Yandex". Също така трябва да се отбележи, че алгоритмите за търсене на тази система при търсене на резултати първо дават предимство на ресурси, които имат икона за сайта.

Затова не пренебрегвайте значението на този образ. Нека размера на favicon и малки, това е марка на ресурса, привлича потребителите и засяга компилирането на първото впечатление на сайта.

От страниците на историята

За първи път такава концепция като "favicon" се появява през 1999 година. Тогава компанията "Microsoft" пусна нова версия на браузъра Explorer. В тази актуализирана версия на Internet Explorer 5 стана възможно да се използва favicon. За да направите това, трябваше да качите изображение с разширение .ico в основната папка на сайта.

Изтеглената снимка трябва да има формат http:// „име на сайта“ /favicon.ico. Само в този случай браузърът може да използва подходящия размер favicon в списъка с отметки и близо до адресната лента на сайта, който се намира в отметките. Но това отдавна е остаряла технология, сега иконата на сайта се поддържа на сайтове и без отметки. Освен това са налични различни формати на любими изображения. Сега можете да използвате не само изображението с разширение .ico, но също и форматите .jpg, .png, .gif и .jpeg са подходящи.

Характеристики на форматите

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

икона на сайта

Най-разпространените формати за днес са .png и .ico:

  • , ico - този формат е идеален за Windows. Снимките с това разширение имат различни резолюции и дълбочина на цветовете. Тоест, битовата дълбочина, която характеризира цветната информация за всеки пиксел и прави изображението по-точно. За Internet Explorer това е чудесно решение, тъй като тук могат да се използват favicons с различни размери.
  • , png - файловете на това разширение са по-удобни за използване. Това се обяснява с факта, че не са необходими допълнителни инструменти за създаване на икона на сайта. Освен това форматът поддържа маска канал, с който можете да създадете картина с най-малък размер без загуба на качество на изображението. Единственото нещо, което този формат е по-малък от предишния, е невъзможността за показване на favicon в Internet Explorer.

Други разширения

Що се отнася до другите формати, всеки от тях има своите предимства и недостатъци. Всички те се появяват в зависимост от това кой браузър се показва. Например, .gif картинките не са съвместими с по-старите браузъри. Картините .jpg нямат качество и яснота на изображението, но има плавни преходи между цветовете. Любителите на .svg формата имат отлично качество на изображението, само че са достъпни само в браузъра Opera.

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

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

Размерът е от значение

В класическата версия размерът на иконата е приблизително 16-16 пиксела. Поне така беше доскоро. Но с развитието на технологията размерът на favicon започва да се увеличава. Сега максималният размер на иконата е 64x64 пиксела. Тази динамика на разширяването на любимо изображение се задейства от желанието (и съответно способността) на потребителите да запазват преките пътища в съответните папки или на работния плот, за да имат бърз достъп.

Днес има 5 размера на favicon:

  • 16x16;
  • 24x24;
  • 32x32;
  • 48x48;
  • 64x64;

размер на Favicon в пиксели

Добавяне на икона

Всички тези размери трябва да се впишат в един favicon на сайта и това донякъде усложнява задачата за създаване на любимо изображение. Но днес всички браузъри имат функцията да играят favicon поотделно за всяка страница. Това означава, че в зависимост от заявката браузърите автоматично избират размера на favicon за сайта.

За да инсталирате favicon на сайт, трябва само да следвате прост алгоритъм:

  1. Първо, трябва да създадете favicon. Този процес не трябва да причинява неудобства. Първо трябва да изберете изображение, което да позиционира сайта, след което да го редактирате с помощта на специален сървър, който автоматично настройва изображението до стандартния размер на Favicon.
  2. Второ, трябва да изтеглите получения материал в главната папка на сайта.
  3. И трето, въведете маркера такъв код:

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

Да не развалят образа

Както вече споменахме, favicon е марката, лицето на сайта. Затова е изключително важно да се разбере какво трябва да бъде една икона, за да привлече вниманието на посетителите, а не да ги отчуждава. Размерът на favicon в пиксели е много малък, но въпреки това играе ключова роля в процеса на персонализиране на сайта. Би било логично да се направи favicon по такъв начин, че да съответства на цялостния дизайн на ресурса. Важно е да запомните, че иконата на сайта трябва да създаде първо впечатление за нея, но ако favicon не е свързан с ресурса, тогава е по-добре просто да го премахнете.

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

стандартен размер на Favicon

Основната задача на favicon: да изобрази основната тема на ресурса. Но никой не забранява да използва за това цялото си творчество. Например, ако сайтът продава домакински уреди, тогава можете, разбира се, да използвате образ на пералня или хладилник като фаворик. Но как тогава ресурсът ще се различава от стотици подобни и как ще се помни тогава? Ами ако се опитате да експериментирате с името на проекта? Например, "Yandex" отдавна е разпознаваем благодарение на червената буква "I". Това е основната характеристика на favicon, като марка - да се блъсне в паметта на потребителя и да характеризира конкретен сайт, като го отличава от стотици други.

Програми за създаване на favicons

Днес всеки уеб администратор може да използва специални услуги, за да създава символи. В допълнение, има триизмерни галерии, от които можете да изберете готови икона на сайта, направени на професионално ниво. Сред създателите на сайтове, Галерия IconJ е особено популярна. Това не е само директория, но и генератор. Заинтересованите могат да изберат икона за своя ресурс от каталога, съдържащ повече от 18 000 снимки или да създадат свой собствен Favicon.

16 16 пиксела

В пространството на Рунет популярна е базата на Favicon от рекламната агенция Web Audit. Що се отнася до чуждестранните ресурси, най-добрият вариант за създаване и избор на икона на сайт е Favicon.cc. Тук можете да използвате специални функции за регулиране на цветовата схема, изрязване на изображението или налагане на допълнителни слоеве.

Създаването на favicon не изисква специални знания или уникални умения, а присъствието му може значително да увеличи честотата на кликване и следователно да увеличи трафика. Основното, което трябва да запомните е, че всяка икона е марка, която трябва да бъде запомняща се и разбираема.