extra_toc

Самым простым, удобным, красивым и быстрым способом сделать качественный фавикон является использование фотошопа (если Вы обладаете хотя бы минимальными навыками работы в нём).

Сделать Favicon в фотошопе

Итак, какова последовательность действий:

1. Создайте новый документ

Так как фавикон представляет собой квадратный значок, то и холст нужно создать квадратный, например 10х10 см. Также в настройках холста можете выбрать цвет фона, или вообще без фона.

2. Создайте изображение или надпись, которое Вы хотите использовать в качестве иконки.

PSfav.JPG

3. Сохраните проект

В стандартном исполнении фотошоп не может сохранить изображение в требуемом для фавикона расширении .ico, поэтому можете установить специальный плагин(www.telegraphics.com.au/sw/), чтобы исправить это недоразумение и при выборе формата сохранения выбрать .ico. Либо можете воспользоваться следующими простыми шагами.

1378925596 7 format ico1

4. Экспортируйте изображение в формате PNG

5. Перейдите на сайт convertico.com

Закиньте туда изображение в формате PNG и скачайте его в формате ICO

convertico.JPG

Сделать фавикон онлайн

Наиболее простым и удобным онлайн сервисом для создания favicon является favicon.cc

faviconcc.JPG

Ожидать от онлайн генератора такого же качества и гибкости, как в фотошопе, конечно же не стоит. Этот способ подходит для самых простых и примитивных изображений.

Итак, Вам нужно выбрать цвет и буквально закрасить требуемые пиксели, так же при нажатии кнопки "Use Animation" появится дополнительный функционал, позволяющий сделать анимированный фавикон из набора картинок, которые Вы нарисуете. (Анимация работает не во всех браузерах).

В сервисе сразу же можно увидеть превью того, как будет выглядеть иконка на вкладке браузера, а так же можно сразу скачать готовый фавикон.

Установка Favicon на сайт

Чтобы установить фавикон на сайт, убедитесь что файл имеет расширение .ico и имеет название favicon.

Далее просто скопируйте файл в корень сайта.

В индексе поисковиковых систем фавикон обновляется не сразу. Узнать обновился он или нет можно по следующим ссылкам:

В ссылках нужно заменить poboq.ru на название Вашего сайта

Как обновить favicon в браузере

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

  1. очистить кэш браузера
  2. прописать в браузере http://Ваш_домен.com/favicon.ico
  3. несколько раз обновить эту страницу (F5)
  4. закрыть браузер
  5. проверить изменения
  6. если не помогло повторить пункты 1-4

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

This comment was minimized by the moderator on the site

Всё подробно и хорошо описано, сделал себе фавикон через фотошоп, как здесь описано. Получилось довольно просто.

Здесь ещё нет оставленных комментариев.

Оставьте свой комментарий

  1. Добавление комментария от гостя.
Вложения (0 / 3)
Share Your Location
Введите текст с картинки. Не разобрать?

Вступай в группу VK