Сделать иконку для сайта (Favicon) на самом деле очень просто. Для этого вам понадобится картинка, графический редактор и онлайн сервис для создания иконок.
1. К примеру, есть такая картинка:
Уменьшаем ее в фотошопе до 64 на 64px и сохраняем в формате png.
2. Открываем сайт favicon.cc. Выбираем кнопку Import Image. После нее появится окно с двумя опциями:
- Keep dimensions - растягивает по горизонтали
- Shrink to square icon - делает квадратную иконку
Мне больше нравится второй вариант. Далее загружайте картинку через кнопку 'Выберите файл' и нажмите Upload. Пройдет процесс оптимизации картинки, в результате чего вы сможете увидеть ее на вкладке:
Если все устраивает, то нажимаем кнопку Download Favicon и наша favicon-ка сохранится в нужном формате .ico.
3. Теперь, чтобы вставить иконку на сайт, воспользуйтесь кодом:
<link href="ссылка на иконку" rel="shortcut icon" type="image/x-icon" />
Данный код необходимо вставлять между тегами <head></head>. Вот собственно и все! =)
Добавить комментарий