Подготовка фотографий товара для интернет-магазина

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

Рассмотрим рекомендации по подготовке фотографий товаров для интернет-магазина и программы для работы с фото:

  1. Размер фотографии
  2. Формат фотографии
  3. Название фотографии
  4. Мета данные фотографии
  5. Программы для подготовки изображений
  6. Подготовка фото в программе Xnview
Придерживаться предлагаемых рекомендаций важно. Это во-первых позволит избежать неприятностей в дальнейшей работе интернет-магазина, во-вторых внесет порядок во внутреннюю структуру вашего интернет-магазина.

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

1. Размер фотографии товара

Конечно существуют исключения когда необходимо загружать в интернет-магазин фото товаров с большим разрешением. Но в большинстве случаев, изображения для товаров достаточно загружать с разрешением НЕ более 1000px (пикселей) по ширине и высоте. Для большинства товаров этого достаточно, что бы клиент смог рассмотреть все его детали.

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

Оптимальный вес изображения товара до 100Кб.

2. Формат фотографии товара

Чтобы ещё больше уменьшить вес загружаемого изображения, нужно сохранить его в правильном формате. Наиболее оптимальным будет формат jpg (jpeg).

Обращаем внимание, что регистр в формате файла так же важен, поскольку файлы picture1.JPG и picture1.jpg — это два разных файла. Будьте внимательны при использовании функции импорта товаров! Чтобы у вас не возникала путаница рекомендуем придерживаться единого стиля — например во всех названия фотографий использовать строчные буквы picture1.jpg.

Второй распространенный формат фото товаров png. Но водяной знак, обычно накладываемый на фото товара в автоматическом режиме в интернет-магазине, накладывается на jpg гораздо лучше, чем на png или любой другой формат. Наложение водяного знака в формате png, на фото в формате png, может дать непредвиденный результат. Например пропадет прозрачность водяного знака.

3. Название фотографии товара

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

Как правильно называть изображения товара?

В названии фото товара нужно использовать набор:
латинские символы ( a-z ), цифры ( 0-9 ), подчеркивание ( _ ), минус/тире ( — ).

Прочие знаки и кириллические символы использовать не рекомендуется, и даже запрещается!

4. Мета данные фотографии товара

Мета данные фотографии — это скрытые от вашего глаза данные по каждому фото (автор, дата создания, положение и т.д.). Правильное их название EXIF-данные (англ. Exchangeable Image File Format). Это стандарт позволяющий добавлять к изображениям и прочим медиафайлам дополнительную информацию (метаданные), комментирующую этот файл, описывающий условия и способы его получения, авторство и т. п.

Увидеть метаданные изображения можно перейдя в его свойства (правой кнопкой мыши — пункт Свойства).

Удаление метаданных фотографий так же способны уменьшить вес изображения. Рекомендуется убирать всю вспомогательную информацию из изображений (EXIF-данные) и указывать дополнительные параметры сжатия (например оптимизация Хаффмана). Чуть ниже подробнее об этом.

Программы для подготовки изображений

Существует множество программ, для обработки изображений, как платные так и бесплатные. Наиболее распространённые программы: Acdsee, Xnview, IrfanView, Adobe Photoshop, Microsoft Picture Manager, Gimp. Наиболее простые в освоении Acdsee, IrfanView и Xnview.

IrfanView
Ссылка для скачивания
Руководство пользователя

Xnview
Ссылка для скачивания
Готовый шаблон для преобразования фото для сайта
Для использования шаблона, в xnview необходимо выбрать нужные фотографии, затем Инструменты –> Пакетная Обработка или нажать Ctrl+U и далее нажать «загрузить…».

Главное рабочее окно программы XnView:
Главное рабочее окно программы XnView

Подготовка фото товаров для интернет-магазина в программе Xnview

Видео-урок по подготовке фото товаров для интернет-магазина в программе Xnview, от компании Magazinus. Доступно в качестве HD — выбираем его в настройках видео.