Главная » 2014 » Январь » 5 » Как создать и как установить фавикон Favicon.ico на сайте
17:23
Как создать и как установить фавикон Favicon.ico на сайте

Онлайн сервисы для создания иконок

Данный вариант гораздо проще и экономит время, достаточно найти понравившуюся картинку и загрузить ее на сервер - дальше дело мастера. В рунете данных сервисов куча посмотрим их:

www.favicon.ru - как раз на нем-то я и делал себе иконку. Отличный русский сервис для создания иконок. Позволяет создавать favicon из картинки, загрузив ее на сайт.

www.favicon.by - тоже сервис на русском языке для создания иконок.

htmlkit.com - тоже на русском.

tools.dynamicdrive.com - этот сервис на английском.

Установка Favicon.ico на сайт

Вот и остался последний шаг, иконка у нас готова надо бы опробывать ее на сайте. Для этого надо сделать несколько вещей:

  1. Переименовать полученную иконку в favicon.ico
  2. Загрузить полученный файл к себе на сервер ( например с помощью filezilla) в корневую папку ( обычно это public_html )
  3. Добавить код между тэгами <head></head>:
Если у вас joomla, то устанавливаем код в index.php вашей установленной темы. Темы находятся в папке templates.
Если у вас сайт на платформе wordpress то переходим в Внешний вид - редактор - header.php.

Код для вставки между тэгами <head></head>

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

Где скачать Favicon.ico, коллекции фавикон

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

Если жевы плохо рисуете и не обладаете возможностями создать favicon для сайта, то в сети существует множество коллекций favicon.ico. Галереи иконок для сайта:

» www.audit4web.ru/info/favicon - большая коллекция иконок для сайта

» www.iconj.com/gallery.php - кроме галереи иконок присутствует редактор для создания иконки для сайта

» www.favicon.cc - есть возможность просматривать недавно созданные иконки пользователями, а также создать самому

Как создать установить анимированный favicon.ico на WordPress

Установка анимированной иконки на сайт ничем не отличается от обычной. Разве что, совсем небольшое отличие в коде: анимированный favicon будет иметь разширение GIF, а следовательно надо изменить код так:

<link rel="shortcut icon" href="/img/ favicon .gif" type="image/gif" >
<link rel="icon" href="/img/ favicon .gif" type="image/gif" >

Стоит знать, что в выдаче Яндекса иконка будет иметь статистичный формат -> она будет преобразована из анимированной в обычную в формат PNG.

Категория: Для сайтов | Просмотров: 864 | Добавил: Лаврентий5932 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]