Форматы и вес файлов: JPEG, PNG, WebP для карточки товара

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

Три формата и их работа

Отличаются они принципиально, и путаница между ними стоит либо качества, либо скорости.

JPEG — фотографии. Сжатие с потерями, маленький вес, нет прозрачности. Основной формат карточки.
PNG — графика и прозрачность. Сжатие без потерь, вес в разы больше. Для инфографики и файлов без фона.
WebP — современная замена обоим: меньше вес при том же качестве. Принимается не везде, проверяйте площадку.

Почему нельзя пересохранять JPEG много раз

JPEG теряет данные при каждом сохранении. Открыли, чуть поправили, сохранили — потери. Ещё раз — ещё потери. Через несколько итераций на однотонных участках появляются квадратные артефакты и «грязь» вокруг контрастных границ.

Правильная схема: храните исходник (RAW или PNG/TIFF), а JPEG делайте один раз — финальным экспортом. Если нужно поправить — правьте исходник и экспортируйте заново, а не редактируйте готовый JPEG.

Форматы и вес файлов: JPEG, PNG, WebP для карточки товара — кадр со съёмки

Вес и качество: где компромисс

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

Рабочий ориентир для карточки: качество экспорта 80–90 из 100. Ниже начинают лезть артефакты на границах и в тенях, выше — вес растёт быстрее, чем качество. Точные лимиты по весу и размеру всегда смотрите в требованиях конкретной площадки: они меняются.

Прозрачность: частая ошибка

Обтравленное изображение сохранили в JPEG — прозрачность залилась белым. Это не ошибка редактора: JPEG физически не умеет хранить альфа-канал.

Поэтому логика такая: PNG — рабочий файл для монтажа инфографики и баннеров, JPEG с уже наложенным белым фоном — для карточки. Мы отдаём комплекты именно так: карточные JPEG под каждую площадку и PNG отдельно, если он нужен для графики — скажите об этом в ТЗ.

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

Частые вопросы

В каком формате загружать фото на Wildberries?

JPEG для фотографий — универсальный выбор. Актуальные требования к размеру и весу смотрите в справке площадки, они периодически меняются.

Можно ли грузить PNG в карточку?

Технически часто можно, но смысла мало: вес больше, а прозрачность в карточке всё равно отобразится белым фоном.

Что такое WebP и стоит ли его использовать?

Формат с лучшим сжатием при том же качестве. Хорош для собственного сайта; для маркетплейсов проверяйте поддержку — принимают не все.

Почему на моих фото видны квадраты и полосы?

Пересохранение JPEG или слишком сильное сжатие. Вернитесь к исходнику и экспортируйте заново с качеством 80–90.

Придержим слот за вами

Ближайшие свободные слоты — в расписании и в Telegram. Напишите объём и желаемые даты — пришлём точный расчёт и придержим день.