Совет 1: Как сделать иконку favicon в 2017 году

Отображаемая на поисковых страницах и в строке браузера перед адресом эмблема сайта – это небольшой стилистический значок, который называют иконкой. С помощью иконки сайт легко узнать и он зрительно выделяется на фоне остальных аналогичных сайтов. Если разобраться в истории возникновения подобного сервиса, то первоначальное (правильное) имя иконки – «фавикон». Это аббревиатура, которая образовалась от английского выражения FAVorites ICON – «значок для избранного».



Сделать свой собственный отличительный символ для персонального блога или сайта под силу любому начинающему пользователю интернета. По своему строению готовая иконка представляет собой простое изображение размером 16х16 пикселей. Для того чтобы создать иконку, можно использовать любой рисунок или фотографию. Самое главное при выборе, подобрать ее квадратной формы, лучше однотонную и без мелких деталей. Размер рисунка или фотографии не должен превышать 300 Кб, иначе при ее сжатии изображение исказится.

Если у пользователей есть навыки работы с программой Adobe Photoshop, можно сделать иконку самостоятельно. Для преобразования нарисованного или подобранного изображения для иконки в нужный формат (favicon.ico) существуют специальные on-line сервисы, где можно быстро и без труда это сделать. Логичнее всего воспользоваться сервисом favicon в российской доменной зоне либо поискать самостоятельно в Интернете аналогичные фавикону сайты.

С помощью подобного сервиса сделать иконку можно в течение нескольких минут. Для этого загружаем выбранное для иконки изображение в on-line сервис с помощью подсказок на сайте, активируем команду «Создать favicon.iсo». В течение нескольких секунд сервис преобразует ваше изображение в иконку. Нажимаем «Сохранить на компьютере» и выбираем путь для сохранения. Если иконка создается для сайта, тогда нужно указать директорию, где лежит главная страница сайта. Созданную иконку при желании можно подкорректировать в пиксельном редакторе.




Затем нужно вручную на страницах сайта вставить код, обрамляя его тегами <HEAD>:




<HEAD>

<link rel="shortcut icon" href="icon/favicon.ico">

</HEAD>




Далее проверяем результаты своей работы. Обновляем страницу блога или сайта – и фавикон появляется в строке браузера. Проверяем работу в поисковых системах – в листах поиска должна появиться эмблема вашего сайта.

 

Видео по теме
Источники:
  • Сделать иконку можно программой для создания иконок IconLover

Совет 2 : Как добавить Favicon

Favicon (Favorite Icon) - это квадратная иконка со стороной в 16 пиксел, которую браузер посетителя страницы сайта отображает в адресной строке. Если страницу добавить в избранное, то картинка будет отображаться и там. Кроме того, favicon присутствует в поисковом списке сайтов Яндекса. Все это в комплексе может быть весьма полезно для привлечения внимания к сайту.
Как добавить Favicon
Инструкция
1
Создайте иконку, ссылку на которую надо будет поместить в страницы сайта. Для этого подойдет любой графический редактор. Используйте размер 16 на 16 пиксел - некоторые браузеры могут работать и с иконками больших размеров, но лучше все же охватить по возможности наибольшее число веб-серферов.
2
Сохраните подготовленное изображение в формате ico. Современные браузеры смогут понять favicon в файлах с расширением gif, png, bmp и т.д., но для охвата максимального количества модификаций браузеров лучше использовать родной формат иконок этого типа. Если ваш графический редактор не поддерживает формат ico, то можно сохранить его, например, в формате gif, а затем конвертировать в ico при помощи какого-либо из онлайн-сервисов. В сети можно найти и сервисы, которые предложат вам полный цикл создания иконки в режиме онлайн непосредственно в браузере.
3
Загрузите иконку на сервер вашего сайта и сохраните в файл с именем favicon.ico - это имя все модификации браузеров понимают одинаково, хотя некоторым из них название не важно. Если в коде страницы нет указания адреса этого файла, то браузеры и поисковые роботы по умолчанию ищут ее в корневой папке сайта, поэтому лучше всего поместить файл именно туда.
4
Вставьте в исходный код страниц HTML-теги с указанием на загруженный файл. Для Internet Explorer этот тег должен выглядеть так:
<link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico">
Для остальных браузеров его следует писать иначе:
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
Добавьте обе строки, чтобы обеспечить кроссбраузерность. Если файл был помещен не в корневую папку, то в атрибуте href укажите полный путь к месту его размещения. Вставить эти строки следует в заголовочную часть веб-документа, то есть между тегами <head> и </head>.
Совет полезен?
Поиск
Добавить комментарий к статье
Осталось символов: 500