Как создать логотип URL

Фавикон — это творческий и практичный способ добавить визуальную изюминку вашему веб-сайту. Фавиконы — это небольшие изображения, которые веб-браузеры используют на вкладках страниц и в адресных строках. Они отображают логотип или изображение, связанное с веб-сайтом, которое выступает в качестве визуального идентификатора бренда рядом с заголовком или URL-адресом. Фавиконки – это особенно полезные идентификаторы сайтов при просмотре с вкладками, поскольку доступное текстовое пространство, используемое для заголовков страниц, уменьшается практически до нуля по мере того, как пользователь открывает больше вкладок.

Шаг 1

Создайте значок, который вы хотите использовать в программе редактирования фотографий или графики. Вы можете взять существующий логотип или изображение, связанное с вашим сайтом или брендом, и настроить его в соответствии со стандартами favicon. Фавиконы всегда имеют квадратные размеры и имеют максимальный поддерживаемый размер 256 на 256 пикселей. Обрежьте и измените размер изображения, чтобы оно поместилось в квадрат 256 на 256 пикселей, если вы собираетесь использовать упаковщик значков для поддержки нескольких размеров. Если вы собираетесь сделать только одну версию, выберите размер 16 x 16 пикселей.

Шаг 2

Экспортируйте изображение значка в виде файла изображения PNG из программы графического дизайна. PNG — это стандартный формат изображений W3C для фавиконок. Некоторые браузеры могут отображать файлы JPG в виде иконок, но официально этот стандарт не поддерживается. Кроме того, программы-упаковщики значков могут не работать с изображениями в других форматах. Фавиконы также поддерживают файлы GIF и ICO.

Шаг 3

Упакуйте экспортированный файл PNG в файл ICO с помощью программы конвертера ICO. Программа конвертера значков обрабатывает значок PNG, форматирует его для нескольких различных широко поддерживаемых размеров значков и встраивает их в один файл. Файлы ICO содержат значки избранного с более высоким разрешением, чем 16 на 16 пикселей для устройств, которые их поддерживают.

Шаг 4

Войдите в службу хостинга вашего веб-сайта и загрузите файл PNG или ICO на медиа-сервер вашего веб-сайта. Скопируйте URL загруженного файла; он понадобится вам, чтобы прикрепить фавикон к сайту.

Шаг 5

Откройте программу редактирования сайта и добавьте следующий код, измененный с указанным URL-адресом файла фавикона, в

раздел вашего сайта.

Для файлов PNG:

Для файлов ICO:

Если вы не используете сайт, управляемый CMS, или не включаете файл на основе

раздел , вам нужно будет добавить код на каждую страницу, на которой вы хотите разместить значок. Фавикон появляется после сохранения и обновления страниц сайта.

Совет

Программы для редактирования фотографий, такие как Photoshop и Corel Draw, хорошо подходят для разработки и форматирования значка. Кроме того, вы можете использовать бесплатные программы, такие как Paint.net и Pixlr.

Предупреждение

Некоторые браузеры автоматически связывают файл изображения, расположенный в каталоге /favicon, с фавиконкой; однако организация W3C не одобряет эту практику, поскольку она не является общепризнанным стандартом и противоречит принципам веб-архитектуры. Кроме того, многие службы веб-хостинга и системы CMS не позволяют пользователю размещать медиаконтент за пределами каталогов медиафайлов, что делает эту практику невозможной.