Главная
Web-дизайн
Как сделать favicon

Как сделать favicon

Установка favicon

Доброго времени суток. 🙂
Сегодняшний урок посвящен не мало важному элементу любого сайта - это favicon. Что же такое favicon?
favicon - это по сути значок любого сайта или веб-страницы. Такой значок Вы можете увидеть в адресной строке перед URL страницы, а также во вкладке браузера с левой стороны. Стандартный размер такой картинки это 16 на 16 пикселей. Это может быть как картинка, так и анимация. Расширение у такого значка ICO и называется он всегда так - favicon.ico.

Давайте узнаем как его сделать и как подключить.
Для начала нужно определится, какую именно Вы хотите себе иконку. Важно помнить о том, что я писал Выше - это всего лишь 16 на 16 пикселей, поэтому не надо ставить, что -то что имеет кучу мелких деталей и они являются важными элементами. Ставьте что-то простенькое, понятное. И так, Вы выбрали изображение, нарисовали его сами в Фотошопе или же другом графическом редакторе. Далее нужно получить готовый favicon.ico. Лично я посоветую без лишней мороки использовать любой сервис по генерации Фавикона.
Один из них pr-cy.ru/favicon.
Просто перейдите на страницу, нажмите кнопку и выберите изображения на своем компьютере, потом нажмите кнопку - Создать favicon. Ниже появится пример, как будит выглядеть Ваша иконка и кнопка скачать. Вот и все, никакой головной боли с поиском программы какая сохраняет в формате ICO. К тому же, еще до установки, Вы сможете увидеть готовый результат на примере.

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

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="icon" href="/favicon.ico" type="image/x-icon" />

Он поможет найти и определить Вашу иконку. Если вы все сделали правильно, то возле названия сайта, на вкладке в Вашем браузере появится ранее сделанная Вами иконка.

На Firefox бывает, что сразу не меняется, только через определенное время, попробуйте почистить кэш браузера или проверить на другом.

Есть еще сервис favicon.cc
С помощью него можно попиксельно нарисовать иконку, используя большую палитру цветов и полотно 16 на 16 квадратиков, которые представляют пиксели в будущем. В общем Выбирайте что Вам удобнее и создавайте. Иконка это как маленькая Визитка, и некоторые пользователи, благодаря ей узнают Ваш сайт, в том же поиске Яндекса или в сохраненных закладках своего браузера. Так что не стоит недооценивать, этот маленький, но важный элемент.
На этом все. Спасибо за внимание 🙂




Если Вам был полезным мой труд, можете поддержать сайт, обменяться со мной текстовыми ссылками или посмотреть рекламку, что займет 2 минуты :)


Оцените статью
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(1 голос, в среднем: 5 из 5)

Опубликовано 2 комментария

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

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

Уважаемые пользователи! При добавлении комментариев на сайт Вам следует соблюдать правила указанные под формой отправки комментариев.

Соблюдайте добавления комментариев

Это не спам *

Нажмите, чтобы добавить код в комментарий