Иконки для Интернет магазина, или что такое favicon? Зачем они нужны и как установить favicon в ваш магазин?

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

Есть маленькие хитрости, которые помогу помочь вам быть заметнее для клиента и это небольшая иконка, которая показывается браузером в процессе серфинга по сети Интернет.

Называется она — favicon.
От английского сокращения: Favorites Icon — “иконка для избранного”,

Эта замечательная иконка позволит вам отличиться среди кучи оставленных ссылок в закладках броузера.

икноки в закладках браузера

Favicon позволит вам выделиться в результатах поиска Яндекса

икноки в результатах поиска Яндекса

Иконка вашего Интернет магазина будет отображаться на множестве открытых страниц браузера.

икноки на страницах броузера

Поддержка этих иконок началась в броузере InterExplorer.
Если раньше, нужно было прописывать расположение favicon в странице именно так в шапке страницы:

Код страницы вашего магазина будет выглядеть для шапки следующим образом:




иконкой может быть графический файл форматом 16 х 16 или 32 х 32 пикслов в формате png или gif.

Глубина цвета для изображения можеть быть 8 битная или 24 битная.

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

Согласно данным Википедии:

Поддержка формата изображения для favicon

Браузер ICO PNG GIF Анимированный GIF JPEG APNG SVG
Google Chrome Да 4.0 4.0 Нет 4.0 Нет Да
Internet Explorer 5.0 Нет Нет Нет Нет Нет Нет
Firefox 1.0 1.0 1.0> Да Да 3.0 Нет
Opera 7.0 7.0 7.0 7.0 7.0 9.5 9.6
Safari Да 4.0 4.0 Нет 4.0 Нет Нет

Сейчас современный браузеры автоматически ищут файл favicon.ico в корне сайта.

Все что вам нужно сделать, чтобы выделить ваш Интернет магазин — закинуть иконку favicon в корень магазина.

Как же подготовить иконку для интернет-магазина самому?

Вариантов несколько:

Вариант 1: Сделать иконку самому с помощью специальных инструментов.

В этом случае вам нужно иметь навыки работы с графическими программами, хороший вкус и опыт.

Для этого, можете попробовать Редактор иконок. Это бесплатная программа - Icon Editor

Вы можете загрузить ее прямо с главной страницы.

Редактор иконок

Вариант 2: Использовать уже созданные иконки. Это самый простой и удобный вариант для начинающих. Все что вам нужно — это просто выбрать нужный дизайн.

Рекомендую использовать ресурс - www.iconfinder.com

Например, если вам нужна иконка корзины для покупок — сделайте поиск и выберите нужный дизайн.

поиск иконок для магазина

Тут уже есть готовые форматы иконок ICO для загрузки в ваш магазин

загрузка иконок в формате ico

Вариант 3: Использовать бесплатные генераторы и конвертеры favicon

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

Таких сервисов множество. Достаточно немного поискать и получить список вариартов.

Вариант 4: Сохранение ICO файла через графические программы.

Кстати, хотел бы отметить, что вы можете создать иконку с помощью Фотошопа (Photoshop) и сохранить ее в формат png , gif, jpg. А потом конвертировать это изображение в формат ICO

сохранить иконку в формате ico

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

Эту функцию поддерживают и программы просмотра графических файлов, а также и моя любимая программа IrfanView, о которой я описывал ранее в примере: «Как сделать копирайт на фото для 1000 картинок за 20 секунд для Вашего Интернет-магазина».

Для начинающих я бы все же советовал начать с варианта 2 — выбрать нужную иконку и поставить ее на сайт.



Совет дня Рекомендуем ознакомиться:

 Как сделать копирайт на фото для 1000 картинок за 20 секунд для Вашего Интернет-магазина»


Rambler's Top100