Как добавить на сайт иконку?

При открытии некоторых веб-сайтов рядом с их доменными именами в адресной строке можно наблюдать маленькую картинку — иконку. Та же самая картинка отобразится на вкладке с открытой страничкой сайта в верхнем левом углу. Иконка – своего рода логотип вашего сайта, отличительный знак, поэтому знание по установке таких знаков не будет лишним для вебмастера.
Создать сайт самостоятельно с Wix.com

Инструкция

Для начала запомните, что файл с иконкой должен иметь расширение .ico и название favicon, то есть favicon.ico. При этом размер изображения должен быть 16х16 пикселей. Можно попробовать нарисовать иконку в редакторе Photoshop. Нарисовать у вас, конечно же, получится. Но чтобы сохранить рисунок в формате .ico, понадобится специальный плагин. Поместите его в папке Plug-Ins\File Formats, которая расположена по адресу c:\Program Files\Adobe\Photoshop CS.

Затем, после того, как вы нарисовали иконку и сохранили ее в нужном формате, поместите ее в корень сайта. Конечно, помещать изображение именно там вовсе не обязательно. Но тогда вам придется указывать путь до него: .

Также допустимо использовать рисунок с другим расширением, например GIF или же PNG. Только в этом случае текст будет несколько другой: .Текстовую запись image/png нужно использовать в том случае, если рисунок в формате png, image/gif — если в формате gif.

Если ваш сайт создан на движке (например, на Wordpress), то тут все на порядок легче: опять-таки сначала скопируйте файл с иконкой в корень блога (папка public_html). Затем откройте файл header.php и между тегами и пропишите следующий код:

Также для создания иконок есть специальные сервисы. Один из таких — ресурс под названием favicon.cc, ссылка на который представлена в разделе «Дополнительные источники». От вас потребуется лишь выбрать желаемый цвет и нарисовать нужное изображение. Просто сохраните свое творение, и иконка готова. Но можно также преобразовать в формат .ico готовое изображение. Поможет в этом сервис favicon.ru, ссылка на который также представлена в разделе «Дополнительные источники». Выберите нужную картинку, нажмите на кнопку «Создать favicon.ico», затем скачайте получившееся изображение.

Оцените статью!