Как сделать favicon

a6io8tiq9jFavicon — это иконка, которая отображается в адресной строке браузера, в закладках и в поисковой выдаче поисковых систем (Яндекса).

Пошаговая инструкция изготовления favicon или «Как сделать favicon?»

1. Необходимо сперва изготовить сам файл favicon.ico, используя для этого любую программу или плагин в Photoshop. Иконка должна быть в формате 16х16 пикселей и в цветовой гамме TrueColor (или 256 цветов).

2. Заливаем полученную иконку (favicon.ico) на сервер. Лучше размещать её в корне сайта или в папке темы.

3. Теперь, чтобы favicon отображалась, нужно внести изменения в код страницы. Для это внутри секции head нужно написать:

— если favicon в корневой директории:

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

— если favicon в любой другой директории: (в примере: папка theme)

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

4. Загружаем отредактированную страницу обратно на сервер.

5. Если favicon сразу не отображается, то обновите страницу и очистите кеш.

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

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

4 × один =