| ТОП 10: по популярности |
|---|
Среди множества Интернет магазинов вашему магазину легко затеряться на компьютере потенциального клиента. Как сделать так, чтобы про информация про ваш магазин была заметна и выделялась среди конкурентов, не тратя деньги на дизайн, продвижение и раскрутку?
Есть маленькие хитрости, которые помогу помочь вам быть заметнее для клиента и это небольшая иконка, которая показывается браузером в процессе серфинга по сети Интернет.
Называется она — 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 для загрузки в ваш магазин
![]()
Вариант 3: Использовать бесплатные генераторы и конвертеры favicon
Идея этого сервиса следующая: на вход генератора вы закидываете изображение, выбираете формат и размер и получаете иконку.
Минусы этого варианта — т. к. при сильном уменьшении картинки возникают искажения и муар.
Плюсы этого варианта — вы можете подобрать иконку и генерировать ее в нужном вам дизайне.
Таких сервисов множество. Достаточно немного поискать и получить список вариартов.
Вариант 4: Сохранение ICO файла через графические программы.
Кстати, хотел бы отметить, что вы можете создать иконку с помощью Фотошопа (Photoshop) и сохранить ее в формат png , gif, jpg. А потом конвертировать это изображение в формат ICO
![]()
Почти все продвинутые графические программы могут сохранять изображения в этот формат.
Эту функцию поддерживают и программы просмотра графических файлов, а также и моя любимая программа IrfanView, о которой я описывал ранее в примере: «Как сделать копирайт на фото для 1000 картинок за 20 секунд для Вашего Интернет-магазина».
Для начинающих я бы все же советовал начать с варианта 2 — выбрать нужную иконку и поставить ее на сайт.
Рекомендуем ознакомиться:
Как сделать копирайт на фото для 1000 картинок за 20 секунд для Вашего Интернет-магазина»
Про магазин | Демо-версия | Наши услуги | Контактная информация | статьи - электронная коммерция