Какие размеры инфографики для карточек товаров Ozon в 2026 году: требования в пикселях и рекомендации

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

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

Официальные требования Ozon к размерам инфографики в 2026 году

Согласно последним рекомендациям Ozon Seller, оптимальный размер инфографики для карточек товаров составляет 1200 × 1200 пикселей. Это универсальный формат, который гарантирует корректное отображение как на десктопной, так и на мобильной версии сайта. Однако есть нюансы:

• 📏 Минимальный размер: 800 × 800 px (меньшие изображения система автоматически масштабирует, что приводит к потере качества).
• 🖼️ Соотношение сторон: 1:1 (квадрат) — обязательное условие для основной инфографики в галерее.
• 🔍 Разрешение: не менее 72 dpi (более высокое разрешение не улучшит качество, но увеличит вес файла).
• 📁 Форматы: JPEG, PNG (без прозрачности), WEBP (рекомендуется для ускорения загрузки).

Важно понимать, что Ozon автоматически сжимает загруженные изображения, поэтому исходный файл должен быть высокого качества. Например, если вы загрузите инфографику размером 1200 × 1200 px, но с низким разрешением, текст может стать размытым после обработки системой. Также обратите внимание на вес файла: максимально допустимый размер — 5 МБ, но оптимально держаться в пределах 1–2 МБ для быстрой загрузки страницы.

Почему важно соблюдать размеры: последствия неправильных параметров

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

1. Обрезка важных элементов. Если картинка не квадратная (например, 1200 × 800 px), система обрежет её по центру, и покупатели не увидят часть информации. Особенно критично это для инфографики с текстом или схемой.
2. Растягивание и искажение. Изображения с разрешением ниже 72 dpi или неверным соотношением сторон будут автоматически масштабироваться, что приведёт к пикселизации.
3. Медленная загрузка страницы. Слишком тяжёлые файлы (например, PNG с прозрачностью) увеличивают время открытия карточки, что повышает отказы.
4. Штрафы от Ozon. В крайних случаях (например, если инфографика вообще не соответствует требованиям) карточка может быть заблокирована до исправления.

Пример из практики: продавец загрузил инфографику размером 1920 × 1080 px (соотношение 16:9), рассчитывая, что она будет отображаться полностью. В результате на мобильной версии Ozon обрезал боковые части, и покупатели не увидели сравнительную таблицу характеристик — ключевой аргумент для покупки. Конверсия упала на 30% до тех пор, пока инфографику не переделали в квадратный формат.

Как подготовить инфографику: пошаговая инструкция для дизайнеров и продавцов

Создание инфографики, которая будет идеально отображаться на Ozon, требует внимания к деталям. Следуйте этому алгоритму:

1. Выберите правильный холст. В Canva, Photoshop или Figma создайте новый проект с размерами 1200 × 1200 px. Установите разрешение 72–150 dpi.
2. Соблюдайте отступы. Важная информация (текст, логотипы, ключевые иллюстрации) должна находиться в центральной зоне — на расстоянии не менее 100 px от краёв. Это защитит её от обрезки при адаптации под разные экраны.
3. Оптимизируйте текст. Шрифт должен быть не менее 24 pt для заголовков и 16 pt для основного текста. Используйте контрастные цвета (например, тёмный текст на светлом фоне или наоборот).
4. Экспортируйте в правильном формате. Для фотографий и сложных изображений выбирайте JPEG (качество 80–90%), для графики с прозрачностью — PNG-8, для анимации — WEBP.

Пример настроек экспорта в Photoshop:

Файл → Экспорт → Сохранить для Web (устаревший)
или
Файл → Экспорт → Экспортировать как...
Формат: JPEG
Качество: 80%
Размер: 1200 × 1200 px
Цветовой профиль: sRGB

Размер ровно 1200 × 1200 px|

Текст читаемый даже на маленьком экране|

Важные элементы не ближе 100 px к краям|

Файл весит не более 2 МБ|

Формат JPEG/PNG без прозрачности-->

Особенности отображения инфографики на мобильных и десктопных устройствах

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

Чтобы инфографика хорошо смотрелась на всех устройствах, следуйте этим советам:

• 📱 Тестируйте на реальных устройствах. Просмотрите карточку товара на смартфоне (iOS и Android) и планшете. Обратите внимание, не обрезаются ли важные элементы.
• 🎨 Используйте универсальные шрифты. Sans-serif (например, Arial, Roboto) лучше читаются на маленьких экранах, чем серif-шрифты.
• 🔍 Проверяйте контраст. Инструмент WebAIM Contrast Checker поможет убедиться, что текст виден на любом фоне.

Что делать, если инфографика обрезается на мобильной версии?

Если после загрузки вы заметили, что на смартфоне обрезаются боковые части изображения, значит, вы не соблюли "зону безопасности". Решение:

1. Откройте исходный файл в редакторе.

2. Добавьте по краям пустое пространство (например, расширьте холст до 1400 × 1400 px, но оставьте контент в центре 1200 × 1200 px).

3. Пересохраните и загрузите заново. Теперь даже при обрезке важная информация останется видимой.

Типичные ошибки продавцов и как их избежать

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

⚠️ Внимание: Если вы используете Canva, не сохраняйте инфографику в формате PNG с прозрачностью — Ozon не поддерживает прозрачный фон, и картинка будет отображаться на белом поле с артефактами.

• 🚫 Слишком мелкий текст. Если покупатель не может прочитать информацию на смартфоне, он просто прокрутит дальше. Решение: увеличьте шрифт до 24 pt для заголовков и 18 pt для основного текста.
• 🚫 Перегруженность информацией. Инфографика должна быть лаконичной. Если на одной картинке больше 5 блоков текста, разбейте её на несколько изображений. Решение: используйте серию из 2–3 карточек в галерее.
• 🚫 Несоответствие стиля бренду. Если инфографика выполнена в другом стиле, чем фотографии товара, это вызывает недоверие. Решение: используйте единую цветовую палитру и шрифты.
• 🚫 Игнорирование требований к весу файла. Тяжёлые изображения замедляют загрузку страницы. Решение: сжимайте через TinyPNG или Squoosh.

Пример из практики: продавец электроники загрузил инфографику с техническими характеристиками в формате PDF, полагая, что так сохранятся все детали. Ozon не поддерживает этот формат, поэтому картинка не отобразилась вообще. В результате карточка выглядела пустой, и конверсия упала на 40%. Решение — конвертация в JPEG с сохранением качества.

Инструменты для создания и оптимизации инфографики

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

Если вы не хотите тратить время на дизайн, можно заказать инфографику у фрилансеров на Kwork или Fl.ru. Средняя стоимость — от 500 до 3 000 ₽ за одну карточку, в зависимости от сложности. При заказе обязательно уточните, что нужны файлы в размере 1200 × 1200 px и с учётом "зоны безопасности".

Как проверить качество инфографики перед загрузкой

Прежде чем загружать инфографику в личный кабинет Ozon Seller, выполните несколько проверок:

1. Визуальный осмотр. Увеличьте изображение до 200% и проверьте, не размыт ли текст, нет ли артефактов сжатия.
2. Проверка размера. Используйте инструмент Image Size, чтобы убедиться, что файл действительно 1200 × 1200 px.
3. Тест на мобильном. Откройте файл на смартфоне и оцените, насколько удобно воспринимается информация.
4. Проверка веса. Файл не должен превышать 2 МБ. Если вес больше, сожмите его через TinyPNG или Squoosh.

Если вы загружаете инфографику в галерею товара, помните о порядке отображения: первое изображение должно быть самым информативным (например, с ключевыми характеристиками), а последующие — дополнять его (инструкции по использованию, сравнение с аналогами и т. д.).

⚠️ Внимание: Ozon может изменить алгоритмы сжатия изображений без предупреждения. Регулярно (раз в 2–3 месяца) проверяйте, как отображается ваша инфографика, и при необходимости обновляйте файлы.

FAQ: Частые вопросы о размерах инфографики для Ozon

Можно ли загружать инфографику размером больше 1200 × 1200 px?

Технически да, но система автоматически уменьшит её до 1200 px по большей стороне, что может привести к потере качества. Лучше сразу готовить файлы в рекомендуемом размере.

Что делать, если текст на инфографике стал размытым после загрузки?

Это означает, что исходное разрешение было слишком низким. Переделайте инфографику с разрешением не менее 150 dpi и экспортируйте в PNG вместо JPEG для сохранения чёткости текста.

Можно ли использовать анимацию (GIF) в инфографике?

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

Как добавить инфографику в описание товара, а не в галерею?

В личном кабинете Ozon Seller перейдите в раздел редактирования товара, найдите блок "Описание" и вставьте изображение через кнопку "Добавить медиа". Здесь можно использовать и неквадратные форматы (например, 1200 × 600 px для горизонтальных баннеров).

Что лучше: одна большая инфографика или несколько маленьких?

Зависит от цели. Одна карточка удобна для обзора ключевых характеристик, а серия из 2–3 изображений подходит для детального описания (например, "Характеристики", "Как использовать", "Сравнение с аналогами").