Иконка сайта
Это то, что выделяет вас среди других...
- touch-icon
- favicon
Иконка сайта позволяет вам быть заметным в закладках и в "Избранном", бросаться в глаза среди табов в любом современном браузере, выглядеть стильно и современно даже в адресной строке...
Ваш образ и ваше имя запомнятся сразу и навсегда!
Ваш образ и ваше имя запомнятся сразу и навсегда!
Фавиконка сайта
Вы наверняка замечали в журнале истории и в закладках веб-браузера у некоторых сайтов есть своя иконка.
Например: http://inoy.org/favicon.ico Иной.орг
А теперь представьте себе: чтобы сделать на своем сайте такую иконку, вам не придётся редактировать каждую страницу и править HTML-код. Всё гораздо проще.
1. В корневом каталоге сайта должен находиться файл с иконкой под названием "favicon.ico"
2 . Этот файл должен иметь формат ico (в стандарте Microsoft Windows: image/vnd.microsoft.icon), размеры 16 на 16 пикселей и палитру в 256 цветов (8bit).
3. Веб-сервер должен быть настроен на обработку файлов с расширением .ico
Если нет, то добавьте в MIME-тип: image/vnd.microsoft.icon для .ico (image/x-icon устарел в 2003 году) например в файл .htaccess строку:
AddType image/vnd.microsoft.icon .ico
<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/path/to/icon.ico"/>
При этом браузер сначало запросит адрес, указанный в этом тэге, а лишь потом файл /favicon.ico из корня.
Можно указать несколько изображений в разных форматах — например, строку с rel="shortcut icon" и значком в формате ICO для Internet Explorer, и строку с rel="icon" и значком в формате GIF или PNG для остальных браузеров.
<link rel="icon" type="image/png" href="/path/to/icon.png"/>
Internet Explorer: v5.0: ico; v11.0: png, gif - без анимации;
Firefox: v1.0: ico, jpeg, png и gif c анимациями; v3.0: APNG;
Opera: v7.0: ico, png, jpeg, gif с анимации; v9.5: APNG; v9.6: SVG;
Важно помнить, что иконка не будет показываться в браузере, если её Content-type, возвращаемый веб-сервером, не совпадёт с указанным в html-коде страницы.
* Корневой каталог - это, папка / сайта, где файл главной страницы /index.php
А теперь представьте себе: чтобы сделать на своем сайте такую иконку, вам не придётся редактировать каждую страницу и править HTML-код. Всё гораздо проще.
Чтобы у сайта появилась своя иконка, нужно сделать следующее:
1. В корневом каталоге сайта должен находиться файл с иконкой под названием "favicon.ico"
2 . Этот файл должен иметь формат ico (в стандарте Microsoft Windows: image/vnd.microsoft.icon), размеры 16 на 16 пикселей и палитру в 256 цветов (8bit).
3. Веб-сервер должен быть настроен на обработку файлов с расширением .ico
Если нет, то добавьте в MIME-тип: image/vnd.microsoft.icon для .ico (image/x-icon устарел в 2003 году) например в файл .htaccess строку:
AddType image/vnd.microsoft.icon .ico
Также можно включить в страницу вот такой тэг:
<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/path/to/icon.ico"/>
При этом браузер сначало запросит адрес, указанный в этом тэге, а лишь потом файл /favicon.ico из корня.
Можно указать несколько изображений в разных форматах — например, строку с rel="shortcut icon" и значком в формате ICO для Internet Explorer, и строку с rel="icon" и значком в формате GIF или PNG для остальных браузеров.
<link rel="icon" type="image/png" href="/path/to/icon.png"/>
Поддерживаемые форматы иконки сайта, в которых может быть выполнен значок сайта (favicon).
Google Chrome и Safari: ico; v4.0: png, jpeg, gif - без анимации;
Internet Explorer: v5.0: ico; v11.0: png, gif - без анимации;
Firefox: v1.0: ico, jpeg, png и gif c анимациями; v3.0: APNG;
Opera: v7.0: ico, png, jpeg, gif с анимации; v9.5: APNG; v9.6: SVG;
Важно помнить, что иконка не будет показываться в браузере, если её Content-type, возвращаемый веб-сервером, не совпадёт с указанным в html-коде страницы.
* Корневой каталог - это, папка / сайта, где файл главной страницы /index.php