Как сделать Favicon

Как сделать Favicon

Untitled-7

Сделать иконку для сайта (Favicon) на самом деле очень просто. Для этого вам понадобится картинка, графический редактор и онлайн сервис для создания иконок.

1. К примеру, есть такая картинка:

palms

Уменьшаем ее в фотошопе до 64 на 64px и сохраняем в формате png.

2. Открываем сайт favicon.cc. Выбираем кнопку Import Image. После нее появится окно с двумя опциями:

  • Keep dimensions - растягивает по горизонтали
  • Shrink to square icon - делает квадратную иконку

Мне больше нравится второй вариант. Далее загружайте картинку через кнопку 'Выберите файл' и нажмите Upload. Пройдет процесс оптимизации картинки, в результате чего вы сможете увидеть ее на вкладке:

Untitled-6

Если все устраивает, то нажимаем кнопку Download Favicon и наша favicon-ка сохранится в нужном формате .ico.

3. Теперь, чтобы вставить иконку на сайт, воспользуйтесь кодом:

<link href="ссылка на иконку" rel="shortcut icon" type="image/x-icon" />

Данный код необходимо вставлять между тегами <head></head>. Вот собственно и все! =)

| | Как сделать Favicon | Сделать иконку для сайта (Favicon) на самом деле очень просто. Для этого вам понадобится картинка, графический редактор и онлайн сервис для создания и | http://blogprogram.ru/wp-content/uploads/2013/12/Untitled-7-131x131.jpg

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

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


Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>