Доработка иконки для сайта

Иконка сайта – важный его элемент, который олицетворяет сайт и облегчает его поиск среди массы других. Она появляется на вкладках, результатах поиска в браузере. Иконка сайта имеет собственное название – Фавикон, что расшифровывается с английского как «favorite icon».

Каким он бывает и как его сделать будет рассказано ниже.

Зачем нужен фавикон

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

Навигация

Качественная иконка помогает легко найти сайт среди массы других на просторах интернета. Среди множества вкладок гораздо проще найти нужную по картинке, нежели по названию.

Доверие пользователей

Хороший проработанный интерфейс всегда производит положительное впечатление и располагает к себе пользователей. Фавикон является неотъемлемой частью этого впечатления. Именно благодаря ему вкладку с сайтом легко выделить среди массы других, что говорит о качественно сделанной работе.

Повышение кликабельности

Привлекательный фавикон значительно повышает шансы на переход именно на этот сайт.

Создание фавикона

Визуальная составляющая

При проработке визуальной части фавикона следует учитывать:

1. Размер. Наиболее подходящий и часто используемый – 16 на 16 пикселей.
2. Читаемость. Иконка должна быть читаемой при в любом формате – на вкладке, в результатах поиска, в истории браузера и тд.
3. Стиль. Фавикон должен соответствовать стилю бренда, которому принадлежит сайт.

Также следует учитывать тот момент, что каждый браузер предъявляет собственные требования к фавикону. Поэтому перед его разработкой рекомендуется ознакомиться со всеми пунктами и сделать все в соответствии с ними.

Сервисы для разработки

После того, как вы ознакомитесь со всеми требованиями и видами фавиконов, можно приступать к его разработке. Для этих целей существуют специальные сервисы, которые располагают всем необходимым функционалом.

Данный сервис потребует от вас исходника размером 260 на 260 пикселей. Далее вы можете настраивать все необходимые параметры: фон, отступы, цвета и тд.

В результате работы на сервисе вы получаете файл для скачивания, а также код, чтобы встроить его в сайт.

1. Favic-o-matic.

Данный сервис запрашивает для работы квадратный исходник размерами 310 на 310 пикселей. Здесь нельзя вносить никаких свои изменений. Загруженный исходник автоматически обрабатывается и скачивается в виде готового файла и кода для сайта.

Для работы на этой платформе придется загрузить исходник 310 на 310 пикселей и размером не более 5 Мб. Сервис автоматически обработает изображение и предложит файл для скачивания и код для включения на сайт.

Заключение

Фавикон – представляет собой небольшого размера иконку сайта, которая размещается рядом с его названием в результатах поиска в браузере или, например, на вкладке сайта.

Это изображение помогает найти нужный сайт среди других вкладок или результатов поиска. Фавикон повышает узнаваемость сайта, располагает к себе пользователей, повышает кликабельность сайта.

Для создания хорошего фавикона следует учитывать ряд нюансов:

• Размер иконки.
• Читаемость.
• Стиль сайта.

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

Сделать иконку для сайта можно через специальные сервисы, разработанные именно для этих целей. Принцип работы у них примерно одинаковый. Загружается исходник, затем идет его автоматическая обработка и внесение некоторых изменений. На выходе вы получаете файл для скачивания и код для встраивания фавикона на сайт.