Вход

Как сделать Favicon для сайта

Favicon - это специальная иконка в формате ICO, которая отображается в закладках сайтов в браузере, в адресной строке и заголовке страницы, а также в поисковой выдачи Яндекса. Как правило, в качестве изображения для favicon используют изображение собственного логотипа,этот элемент дизайна предназначен для создания уникального отображения вашего сайта в строке поиска.

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

Как сделать Favicon

ШАГ 1. В любой программе,например,в фотошопе, создаем свою иконку. Размеры могут быть разные, для примера сделаем квадрат 50х50px, иконка должна быть вписана в этот квадрат и чтоб оставалось минимум свободного белого места.

Обратите внимание на то, что файл изображения должен иметь размер не более 300 кб.

В интернете много онлайновых сервисов, которые умеют преобразовывать картинку формата *.jpg в картинку, пригодную для фавикона в формате *.ico.

Рассмотрим один из них - фавикон.ру

fav

Нажимаем «Обзор» и находим свое изображение для фавикон.

fav1

Нажимаем "Далее". Мы видим в редакторе изображение на черном фоне. Нам нужно удалить весь этот фон,сделать прозрачным.Нажимаем на кнопку "Прозрачный" и закрашиваем на картинке все черные клеточки.

fav2

Нажимаем "Далее" и теперь можно увидеть свой фавикон, как он будет смотреться

fav3

Скачиваем.

ШАГ 2. Как вставить favicon на сайт

Вставить фавикон еще проще, чем ее создавать. Поисковой робот Яндекса ищет эту иконку в корневой папке сайта. Поэтому нужно загрузить иконку в корневую папку сайта, на сервере в public_html.

Вот и все, что Вы должны сделать для того, чтобы установить favicon на свой сайт. Если вы пользуетесь Firefox, то вам нужно закрыть браузер и снова открыть его и должна появиться новоиспеченная иконка.

В некоторых версия Explorer иконка тоже появляется (иногда для этого нужно занести сайт в закладки). Что касается поисковиков – вашу иконку они загрузят при очередном обновлении базы.

То есть, если с индексацией вашего сайта все в порядке, то вы увидите ваш фавикон рядом с названием сайта через одну- две недели.

Комментарии  

 
0 # Serguey 16.11.2014 21:10
Пожалуйста, осветите в статье , а как правильно, без лишних заморочек, поставить анимированный фавикон ?
.gif
Ответить | Ответить с цитатой | Цитировать
 
 
0 # Админ 16.11.2014 22:07
Как я понимаю, они тоже имеют расширение - .ico, а не .gif.
На этом сайте -
http://www.favicon.cc/?action=icon_list&order_by_rating=1
их огромное количество и можно скачать готовые. Сама анимированные не делала, не знаю.
Ответить | Ответить с цитатой | Цитировать
 
 
0 # Serguey 16.11.2014 22:23
Я - сделал ! 8)
Тепрь бы его прописать на сайте вместо .icon :lol:
Ответить | Ответить с цитатой | Цитировать
 

Добавить комментарий


Защитный код
Обновить