Как создать иконку сайта или favicon (фавикон)

как создать faviconВсем привет! Вы знаете как создать иконку сайта? Если вы не знаете, что такое иконка сайта или, как её ещё называют, favicon, то это статья именно для вас. В интернете уже много чего сказано по поводу фавиконок, но я всё-таки тоже решил высказаться и поделиться своим опытом и мнением с читателями. 

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

Фавиконкой (favicon) называют маленькое изображение, которое появляется рядом с наименованием сайта в результатах поиска всех поисковых систем, рядом с адресом сайта в адресной строке браузера и рядом с названием сайта в разделе «Избранное» или «Закладки», заменяя собой стандартное изображение в виде листа с загнутым уголком. Пример таких изображений вы видите на скриншоте в начале этой статьи.

Само слово фавиконка произошло от двух английских слов favorite (избранное) и icon (значок).

Все фавиконки имеют стандартный размер 16 на 16 пикселей. Как правило, изображение фавиконки сохраняется в специальном формате ICO, но возможны и другие графические форматы, такие как JPG, GIF, PNG и BMP.

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

Создать фавиконку можно различными способами. Можно воспользоваться программой — графическим редактором, например, IcoFX. А можно воспользоваться онлайновыми редакторами, например, на сайтах Favicon.ru, xiconeditor.com или favicon.cc. Там вы можете загрузить любое изображение, которое в итоге будет уменьшено до размеров 16 на 16 пикселей. Не стоит для фавиконки использовать слишком сложное изображение, так как при сильном уменьшении от изображения практически ничего не останется. А также на этих сайтах вы можете с помощью не сложных графических редакторов нарисовать фавиконку самостоятельно и сохранить её. А также вы можете подобрать готовую фавиконку на свой вкус на таких сервисах, как iconsearch.ru, iconfinder.com или iconarchive.com.

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

Стандартный файл фавиконки выглядит так: favicon.ico

И располагать его надо в корневой папке вашего сайта.

Если же вы решили расположить фавиконку не в корне сайта, а в какой-либо подпапке, то на страницах вашего сайта между тегами <head> и </head> вам необходимо прописать путь до вашего favicon.ico, например так:

<link rel="shortcut icon" href="http://имя сайта/favicon.ico" type="image/x-icon">

или так:

<link rel="icon" href="http://имя сайта/favicon.ico" type="image/x-icon">

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

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

Вот и всё, что я хотел вам сказать по поводу фавиконок. Хочется только добавить, что само по себе фавиконка никакой смысловой нагрузки в себе не несёт, но помогает вашему сайту выделиться и запомниться посетителям.

А ваш сайт уже имеет свою эксклюзивную фавикноку?

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *