Как сделать иконку для сайта, или как сделать Favicon??

26.11.2009   |  

HTML / CSS   |  

Комментарии (2)

Как сделать иконку для сайта

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

Как сделать иконку для сайта (Favicon)??
Для начала нам нужно иметь иконку размерами 16х16 в формате .ico или нарисовать с помощью фотошопа. Но он не сохраняю в формате .ico для этого нужно скачать один специальный плагин для сохранения в формате .ico


Скачать:
плагин к Adobe Photoshop архив ZIP, 8кБ.
Плагин нужно забросить в папку с фотошопом:  \ Photoshop CS \ Plug-Ins \ File Formats
После добавления плагина, при сохранении иконки в списке доступных форматов появляется новый пункт “Windows Icon”, c помощью которого мы сохраним наш favicon.

favicon ico

Мы половину работы уже сделали, теперь осталось сохранить нашу иконку для сайта под названием favicon.ico и забросить в корень сайта.
Затем браузер автоматом найдет этот файл и добавить его в адресную строку нашего сайта.
Также есть еще один вариант, когда favicon.ico будет располагаться не в корне сайта, а в другой папке, тогда следует указать браузеру, где он находится.

Это возможно сделать только через тег <link>

1
<link rel="Shortcut Icon" href="путь/favicon.ico" type="image/x-icon"/>

Теперь вы сами знаете и умеете Как сделать иконку для сайта :)

Если Вам нужно качественное создание дизайна сайта, то Вам нужно обратиться в “Студию Александра Бублиенко”.

Интересные статьи:

  1. Борис 27.11.2009 21:59

    Favicon один из важнейшиих определителей
    для оптимизации сайта.
    Используйте онлайн-сервис
    http://favicon.ru/

  2. Хайпер 16.12.2009 18:50

    Вот ещё интересный сервис для рисования фавиконок: favicon.cc – иконка отображается где надо в режиме реального времени при рисовании

Оставь свое мнение:




Подпишись на обновление блога