Сделать favicon можно несколькими способами. С помощью графических приложений, специальных программ для создания favicon, либо с помощью онлайн сервиса специально предназначенного для создания фавикон.
Ниже мы рассмотрим, как сделать favicon онлайн, и как добавить эту иконку к сайту.
Для начала определитесь с изображением. В нашем случае, и в качестве примера, будем использовать логотип нашего сайта:
Советы: делая заготовку, предусмотрите тот факт, что favicon имеет одинаковую высоту и широту. Таким образом, чтобы иконка favicon корректно отображалась, делайте заготовку пропорциональной, например 100х100 пикселей.
Чтобы фон favicon был прозрачный, создавая заготовку в графическом редакторе, сохраните изображение в формате PNG.
После того как готова заготовка, можно приступать непосредственно к созданию favicon. Для этого мы воспользуемся нехитрым онлайн сервисом -
Выбрать картинку для favicon можно двумя способами:
Через проводник выбрать картинку с компьютера
Ввести адрес картинки в Интернете
В нашем случае указываем заготовленную для favicon картинку первым способом. И нажимаем «Создать Fаvicon.ico!»
В результате сервис показывает, как будет выглядеть favicon во вкладке браузера и в адресной строке. А также предлагает скачать файл favicon.ico, для последующего размещения на вашем сайте.
В течение трех дней созданная favicon будет храниться на сервисе.
Как разместить favicon на сайт
Теперь вновь созданную картинку favicon необходимо разместить на сайте. Для этого:
Не переименовывая, копируем файл favicon.ico в корень сайта
Добавляем нижеследующий код в секции <head>, перед закрывающим тегом </head>
Если у вас статичный html сайт, то этот код нужно вставить в каждую страничку. А при использовании cms, вставляйте его в файл шаблона, выводящий секцию HEAD.
Создание favicon онлайн это быстро и удобно!
Просмотрено (4596)
Понравилась статья? Сообщи о ней всем своим друзьям, пусть и они узнают для себя что-то новое! Просто кликни на значок социальной сети или жж, а остальное дело техники!
