Как создать Favicon.ico: 5 шагов (с изображениями)

Оглавление:

Как создать Favicon.ico: 5 шагов (с изображениями)
Как создать Favicon.ico: 5 шагов (с изображениями)

Видео: Как создать Favicon.ico: 5 шагов (с изображениями)

Видео: Как создать Favicon.ico: 5 шагов (с изображениями)
Видео: КАК БЫСТРО УЛУЧШИТЬ ФОТОГРАФИЮ В ФОТОШОПЕ 2024, Май
Anonim

Когда вы посещаете такой веб-сайт, как Google, Yahoo или wikiHow, вы можете заметить небольшой значок слева от адресной строки. Это известно как значок, и вы можете создать свой собственный для веб-сайта. Значок будет отображаться в закладках пользователя рядом с любыми страницами вашего сайта, которые они добавили в избранное, а также придадут вашему сайту более профессиональный вид. Это поможет им легче найти ваш сайт.

Шаги

Создайте Favicon.ico Шаг 1
Создайте Favicon.ico Шаг 1

Шаг 1. Создайте изображение размером 16x16 пикселей

Это должно быть простое изображение, чтобы его можно было сразу узнать.

Создайте Favicon.ico Шаг 2
Создайте Favicon.ico Шаг 2

Шаг 2. Преобразуйте изображение в файл favicon.ico

Он должен называться именно так, иначе браузер его не распознает. Легкий способ сделать это - использовать генератор FavIcon динамического привода. Другой способ - использовать бесплатный редактор изображений GIMP и сохранить изображение 16x16 в формате ICO.

Создайте Favicon.ico Шаг 3
Создайте Favicon.ico Шаг 3

Шаг 3. Загрузите сгенерированный файл на свой веб-сайт

Создайте Favicon.ico Шаг 4
Создайте Favicon.ico Шаг 4

Шаг 4. Добавьте следующий код в HTML-код своего веб-сайта

Вы должны поместить его в раздел кода и убедиться, что путь к значку правильный относительно веб-страницы. Следующий код (при условии, что.html и.ico находятся в одном верхнем каталоге):

Создайте Favicon.ico Шаг 5
Создайте Favicon.ico Шаг 5

Шаг 5. Обновите страницу, сделайте шаг назад и полюбуйтесь красивой новой иконкой вашего веб-сайта

подсказки

  • Даже если ваш значок будет очень маленьким, убедитесь, что другие люди могут его легко прочитать / понять.
  • Если вы используете Linux, вы можете конвертировать файл прямо на вашем компьютере. Просто выберите подходящее изображение, откройте командную строку, перейдите в каталог, в котором вы храните изображение, и введите: convert picture-p.webp" />

Рекомендуемые: