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

26 ноября 2009 года, Размещено в категории: HTML / CSS

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

Иконка для сайта по науковому 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>


Мой блог находят по следующим фразам
как повысить позиции сайта
плеер для сайта
flash плеер для сайта
flash player на сайт
видео плеер на чистом html
отличия табличной верстки от блочной






7 комментариев

  • 8 лет назад Ответить

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

  • 8 лет назад Ответить

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

  • 7 лет назад Ответить

    достаточно создать .gif 16х16 и просто изменить его расширение на .ico
    работает, проверено

  • 7 лет назад Ответить

    Твое мнение: в Photoshop CS3 Rus не работает чтоль?

  • 7 лет назад Ответить

    Прошу прощения) все работает) Благодарю!

  • 6 лет назад Ответить

    вот отличный сервис для создания иконок в том числе favicon.ico быстро просто и главное бесплатно http://ru.toolson.net

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

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

Перед отправкой формы: