Зачем нужны иконки сайта (favicon), иконки для мобильных устройств

Каждый популярный сайт, приложение или сервис имеет свою иконку, свой знак. Для чего нужны иконки для сайта, они же favicon, и сколько разных иконок необходимо для сайта — на все эти вопросы мы постараемся сегодня ответить.

Зачастую иконка у любого сервиса или приложения генерируется из логотипа. Это может быть его упрощенная версия, или просто основной символ.

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

Десять лет назад было достаточно лишь favicon.ico — файла в корне вашего сайта, который являлся его иконкой, которая отображалась в случае если добавлялась закладка в браузере. С выходом на рынок мобильных устройств изменился принцип разработки сайтов, и это затронуло также иконки сайта.

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

• для IOS (для закладки и для экрана «Домой»);
• для Windows;
• для Android;

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

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

Есть вопрос? Что-то не понятно в статье? Хочешь отблагодарить? Пиши комментарий!
Если тебе понравилась статья, а тем более если еще и помогла - поставь +1 и нажми "Мне нравится"!

(3 оценок, среднее: 5,00 из 5)

Tweet