Как создать Favicon (Фавикон) для сайта

Фавикон генераторВ последнее время большинство разработчиков и владельцев веб-сайтов, веб-порталов и блогов, используют Фавикон — как значок для своего веб-сайта или веб-страницы.

Фавикон отображается интернет-браузером возле названия Вашего сайта или в адресной строке перед URL страницы (в зависимости от версии интернет-браузера), а также в качестве картинки рядом с закладкой, что обеспечивает узнаваемость пользователями Вашего ресурса в Интернете.

Иконка блога

Чтобы создать свой Фавикон-значок, можно воспользоваться интернет-сервисами, предлагающими легко его сгенерировать.

ФАВИКОН ГЕНЕРАТОР

1-Й СЕРВИС

Logaster — с помощью этого инструмента вы можете получить иконки высокого качества для своего сайта. Первым шагом в работе с этим сервисом является создание логотипа, но этот процесс не занимает много времени и состоит из четырех простых шагов. Просто нажмите кнопку «Создать логотип», напишите название своей компании или сайта и выберите тип деятельности, затем выберите иконку из множества предложенных и подберите шрифт.

Создание логотипа

После того, как вы создали и сохранили логотип, вы можете создать на его основании фавикон. На странице сохраненного в аккаунте логотипа нажмите «Создать фавиконку с этим логотипом».

Создать фавиконку с этим логотипом

На странице генерации, вы увидите разные варианты для вашего будущего значка.

Готовый фавикон

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

2-Й СЕРВИС

Как работать с ним, читайте дальше.

1. Перед процессом создания Фавикон-значка, нам нужно иметь картинку из которой будем изготавливать favicon.ico

2. Переходим на сайт Genfavicon.com

Генератор фавикон

3. Нажимаем кнопку «Выберите файл», в Проводнике выбираем подготовленную нами картинку и кликаем на кнопке «Upload Image»

Загрузка изображения

4. Картинка загружается в окне просмотра без перезагрузки интернет-браузера, где мы подгоняем её под нужный нам размер, путём перетаскивания чёрных квадратиков-направляющих

Регулировка картинки

5. В зелёном поле устанавливаем размер Фавикон-значка (стандартный 16х16 пикселей) и нажимаем кнопку «Capture & Preview»

Размер Favicon

6. В последнем голубом поле видим, как будет выглядеть наш Favicon и, если результаты нас устраивают, можем скачать готовый Фавикон-значок в формате .ICO (основной формат) или .JPG

Готовый Фавикон для сайта

Теперь просто загружаем по FTP готовый файл favicon.ico в корневую директорию своего сайта или блога и в коде страницы сразу после тега <head> вставляем следующий код

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

Вставка кода Favicon на блог

(У меня на блоге всё заработало и без кода).

Сохраняемся, обновляем страницу и наслаждаемся проделанной работой с фавикон генератор.

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

Благодарю за внимание всех читателей блога liwihelp.com!

Не забывайте оставлять комментарии к статье и рекомендовать её друзьям из социальных сетей.




2 комментария к “Как создать Favicon (Фавикон) для сайта

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