Как разместить Favicon на вашем сайте

• April 27, 2024

Значок иконки или ярлык - это крошечная картинка, которая появляется рядом с URL-адресом сайта в адресной строке браузера. Он также отображается рядом с именем сайта в списке закладок или избранного, и если вы используете браузер с вкладками, он также может отображаться на вкладке.

Размещение значка сайта на вашем сайте - хороший способ добавить немного индивидуальности, и на самом деле это довольно просто. Самая сложная часть процесса - это выбор изображения для начала! Если вы хорошо разбираетесь в графике, вы можете создать свой собственный. Если нет, вы всегда можете выбрать изображение из Интернета. Если вы решите использовать существующее изображение, НЕ просто загружайте изображение с другого сайта и размещайте его на своем собственном - вы нарушите авторские права веб-мастера и можете столкнуться с серьезными проблемами. Вместо этого возьмите изображение с одного из бесплатных источников в Интернете.

Ваш значок должен иметь определенный размер для работы - 16X16 пикселей или 32X32 пикселей. Это действительно крошечный, поэтому, когда вы выбираете базовое изображение, убедитесь, что оно будет выглядеть как уменьшенное до размера почтовой марки. Яркие цвета и простые формы обычно работают лучше всего. Вы также должны сохранить свое изображение в одном из принятых форматов favicon: .png, .gif или .ico. Большинство веб-разработчиков используют .ico, потому что ваш favicon, вероятно, будет единственным файлом на вашем сайте с таким расширением, поэтому он будет выделяться, когда вы просматриваете каталоги вашего сайта.

Вы можете использовать один из множества бесплатных веб-инструментов для преобразования вашего изображения в файл .ico правильного размера. Я использую один из предложенных создателями HTML Kit, который позволяет создавать как статические, так и анимированные значки. Ниже этой статьи есть ссылка на инструмент favicon.

Теперь самое простое - добавить иконку на свой сайт! У вас есть два варианта отображения изображения favicon. Первый и наиболее безопасный вариант - поместить следующий код в раздел заголовка каждой страницы, где вы хотите, чтобы отображался значок, заменив часть 'href' URL-адресом вашего значка:


TYPE = "изображение / ICO"
HREF = "// example.com/myicon.ico">

Второй вариант - назвать ваш favicon "favicon.ico" и поместить его в свой корневой каталог (обычно это тот же каталог, что и ваша домашняя страница). При использовании этого метода вам даже не нужно добавлять код на свои веб-страницы, и почти все браузеры будут выбирать значок - однако некоторые браузеры (обычно старые) не будут отображать значок, если вы используете этот метод.

Видео инструкция: Как создать иконку favicon.ico для сайта онлайн (April 2024).