2
15158

Favicon - что это такое и зачем он нужен?

Favicon или фавикон по-русски - это иконка для сайта. Но как её создать, как вставить на сайт и вообще зачем она нужна вебмастеру?

на сайте с 28 мая 2009

Что такое favicon?

Что такое фавикон?

Что такое favicon и как он выглядит?


Favicon (сокр. от англ. FAVorites ICON — «значок для избранного») — иконка для сайта или страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, в табах и в других элементах интерфейса.

Как самому создать фавикон?

инструкция как самостоятельно сделать favicon

Есть 3 самых распространенных способа:

1) Онлайн генератор favicon   – самый простой и доступный способ – делает иконку для сайта из любого изображения. Естественно иконка получится красивее, если изображение-донор выполнить квадратным.

2) Специальный плагин для Photoshop.  Который позволяет работать этому популярному редактору изображений с форматом ico.

3) Специальные программы для изготовления фавиконов , которые специально «заточены» для изготовления иконок для сайта. 

Где найти готовые галереи иконок для сайта?

favicon галереи

Иконку можно создать самому, но если не хватает художественных способностей, то вполне сойдет и простой подбор иконки для сайта из готовых, для чего существуют галереи фавиконов

Как вставить favicon на свой сайт?

Как вставить иконку на свой сайт?

Для того, чтобы favicon отображался в строке браузера, его нужно закачать в корневую папку сайта, а в код, внутри тегов <head> </head>, вставить следующий код:

<link rel=”icon” href=”/favicon.ico” type=”image/x-icon”>
<link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon”>

Какая польза от favicon?

есть ли смысл добавлять favicon на сайт?

Прямых бонусов от поисковых систем вы конечно не дождетесь, но косвенную выгоду извлечь можно:

1) Favicon делает ваш сайт уникальным, выделяя ваш сайт среди прочих сайтов, которые не успели обзавестись иконкой.

2) Иконка для сайта является неотъемлемым элементом бренда, а как известно на брендовые и узнаваемые сайты ссылаются чаще

3) Как вы заметили на картинке выше большинство современных браузеров с закладками имеют область для фавикона, что опять же обращает внимание пользователя, особенно тех, кто открывает по десятку сайтов из поисковой выдачи.

4) Сохраняет ваш логи ошибок чистыми, ведь сервер оставляет запись об ошибке 404 для ненайденного favicon.ico в логах, т.к. некоторые браузеры запрашивают этот файл даже если он прямо не указан в HTML коде.

...

Подробнее на pr-cy.ru

Книги по web-дизайну

Полезно для тех, кто собрался создавать свою иконку с помощью графических редакторов

Веб-дизайн: книга Дмитрия Кирсанова
Книга
Автор:
Дмитрий Кирсанов
Цена:
563.00 руб.
Вес:
495 г
развернуть
Книга автора бестселлера `Факс-модем: от покупки и подключения до выхода в Интернет` - Дмитрия Кирсанова - первый полный курс веб-дизайна на русском языке, написанный пр...
Web-дизайн по стандартам
Книга
Автор:
Джеффри Зельдман
Цена:
185.00 руб.
Вес:
370 г
развернуть
Автор книги - Джеффри Зельдман - последовательно и целенаправленно ведет читателя к пониманию необходимости перехода к Web-стандартам. Издание описывает все основные тех...
Пуленепробиваемый Web-дизайн
Книга
Автор:
Дэн Седерхольм
Цена:
150.00 руб.
Вес:
210 г
развернуть
Настоящее издание посвящено применению XHTML и CSS для создания сайтов, отличающихся доступностью для различных браузеров, устройств и программ, гибкостью и готовностью к ...

Как создать favicon? - смотрите на видео

EN -англоязычная версия

Как создать иконку для сайта?

Комментарии

Оставить комментарий

Поделиться с друзьями

Share on Twitter




Состоит в группах

Осветительное оборудование оптом и в розницу - в компании "Навигатор"