Самым простым, удобным, красивым и быстрым способом сделать качественный фавикон является использование фотошопа (если Вы обладаете хотя бы минимальными навыками работы в нём).
Сделать Favicon в фотошопе
Итак, какова последовательность действий:
1. Создайте новый документ
Так как фавикон представляет собой квадратный значок, то и холст нужно создать квадратный, например 10х10 см. Также в настройках холста можете выбрать цвет фона, или вообще без фона.
2. Создайте изображение или надпись, которое Вы хотите использовать в качестве иконки.
3. Сохраните проект
В стандартном исполнении фотошоп не может сохранить изображение в требуемом для фавикона расширении .ico, поэтому можете установить специальный плагин(www.telegraphics.com.au/sw/), чтобы исправить это недоразумение и при выборе формата сохранения выбрать .ico. Либо можете воспользоваться следующими простыми шагами.
4. Экспортируйте изображение в формате PNG
5. Перейдите на сайт convertico.com
Закиньте туда изображение в формате PNG и скачайте его в формате ICO
Сделать фавикон онлайн
Наиболее простым и удобным онлайн сервисом для создания favicon является favicon.cc
Ожидать от онлайн генератора такого же качества и гибкости, как в фотошопе, конечно же не стоит. Этот способ подходит для самых простых и примитивных изображений.
Итак, Вам нужно выбрать цвет и буквально закрасить требуемые пиксели, так же при нажатии кнопки “Use Animation” появится дополнительный функционал, позволяющий сделать анимированный фавикон из набора картинок, которые Вы нарисуете. (Анимация работает не во всех браузерах).
В сервисе сразу же можно увидеть превью того, как будет выглядеть иконка на вкладке браузера, а так же можно сразу скачать готовый фавикон.
Установка Favicon на сайт
Чтобы установить фавикон на сайт, убедитесь что файл имеет расширение .ico и имеет название favicon.
Далее просто скопируйте файл в корень сайта.
В индексе поисковиковых систем фавикон обновляется не сразу. Узнать обновился он или нет можно по следующим ссылкам:
- для яндекса http://favicon.yandex.net/favicon/poboq.ru
- для гугла http://www.google.com/s2/favicons?domain=poboq.ru
В ссылках нужно заменить poboq.ru на название Вашего сайта
Как обновить favicon в браузере
После изменения фавикона, в браузере Вы так же не увидите изменения мгновенно. Для того чтобы увидеть обновленный favicon нужно:
- очистить кэш браузера
- прописать в браузере http://Ваш_домен.com/favicon.ico
- несколько раз обновить эту страницу (F5)
- закрыть браузер
- проверить изменения
- если не помогло повторить пункты 1-4
Добавить комментарий