Создание иконки для сайта (favicon.ico)

Рисуем картинки для своего Интернет проекта: фоны, баннеры, иконки, логотипы и прочие графические элементы сайта.
Аватара пользователя
Slash
Администратор
Сообщения: 2029
Поблагодарили: 62 раза

Создание иконки для сайта (favicon.ico)

Сообщение Slash » Вт сен 18, 2012 10:15 am

Иконка для сайта (файл favicon.ico), Favicon – сокращение от Favorite Icon, в переводе: любимая иконка.

Иконка сайта – это маленькая картинка, которая несёт в себе логотип своего сайта. Ресурс с иконкой становится непохожим на другие, икона придаёт сайту индивидуальность. Картинка размером 16 на 16 пикселей характерна для профессионально сделанных сайтов. Иконка отображается в адресной строке, в названии и в закладках браузера, ещё в результатах поиска Яндекс, так что, если икона сайта грамотно оформлена, есть возможность, что пользователь выберет именно Ваш проект и переедет по ссылке.

Где же брать икону или как её сделать? Тут всё очень просто: можно качать иконки с Интернета в архиве и выбирать. Но здесь так, если скачали Вы и она Вам понравилась, может кто-то скачал такую же и вставил её на свой сайт. По мне, так лучше быть непохожим на других, поэтому делаем сами. Очень хорошо, если у Вас есть специальная программка для создания иконок: нарисовали картинку, прогнали через прогу и логотип готов. Но если такой машины у Вас нет, не расстраивайтесь. Быстрый и абсолютно бесплатный способ сделать значок для Вашего проекта - это воспользоваться сервисом Favicon.ru.

Чтобы воспользоваться сервисом Favicon.ru, Вам необходимо за - ранее подготовить изображение будущей иконки. Делайте изображение квадратным, т.к. сервис уменьшает его до размера 16 на 16 пикселей и, если оно изначально не-квадратное, может выйти некачественный рисунок логотипа. Размер файла должен быть не больше 300 кб. Затем изображение нужно загрузить на сервис Favicon.ru и нажать кнопку "Создать favicon.iсo", после скачать свеже испеченную иконку, нажав на кнопку "Скачать favicon.ico!". Иконка готова!

После создания логотипа Вашего сайта, необходимо вставить иконку в сам сайт, для этого нужно между тегами <head> и </head> прописать следующие:

Код: Выделить всё

<link rel="shortcut icon" href="favicon.ico" /> 


Файл favicon.ico должен находится в одной папке с сайтом, в другом случае указывайте полный адрес местонахождения файла. Написав код на каждой странице, стоит проверить проделанную работу в разных браузерах. Для этого перейдите на сайт, где была добавлена иконка и, если всё выполнено правильно, то в адресной сроке Вы увидите свой логотип. В результатах поиска Яндекс икона может появиться не сразу. Это связано с временем обновления КЭШа, срок появления иконки доходит до нескольких месяцев.
Реклама
Аватара пользователя
Slash
Администратор
Сообщения: 2029
Поблагодарили: 62 раза

Re: Создание иконки для сайта (favicon.ico)

Сообщение Slash » Пт окт 26, 2012 3:25 pm

Хочу поделиться ещё одним сервисом создания иконки: http://www.favicon.cc/ на мой взгляд этот сервис лучше чем выше представленный.

Возможности:
  • Создавать иконку с прозрачным фоном.
  • Создавать анимированную иконку.
Как пользоваться?
  1. Выберите цвет
  2. Рисуйте свою картинку или редактируйте загруженную.
  3. Скачайте готовую иконку (бесплатно)
Аватара пользователя
greendev
Сообщения: 79

Re: Создание иконки для сайта (favicon.ico)

Сообщение greendev » Вс мар 22, 2015 5:55 pm

Представленные выше сайты уже отстали от времени.
Вот отличный сервис для создания favicon - http://realfavicongenerator.net/
Он создаёт favicon из вашей картинки под Десктоп, iOS, Android, Windows 8 и прочего.
На выходе получаете архив со всем этим добром и HTML кодом.
cefp
Сообщения: 333
Поблагодарили: 3 раза

Re: Создание иконки для сайта (favicon.ico)

Сообщение cefp » Вс мар 22, 2015 7:44 pm

Хороший сайт, на русском бы такой.
d o h o d - s - n u l y a .ru - идеи бизнеса.
Аватара пользователя
Slash
Администратор
Сообщения: 2029
Поблагодарили: 62 раза

Re: Создание иконки для сайта (favicon.ico)

Сообщение Slash » Сб сен 12, 2015 8:43 am

Ещё один не плохой сервис: http://www.favicon-generator.org/

Вернуться в «Графика»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость