Форматы и вес файлов: JPEG, PNG, WebP для карточки товара
Формат файла кажется технической мелочью до того момента, когда карточка грузится медленно, а модерация отклоняет изображение. Правило простое: JPEG — рабочая лошадка карточки, PNG — для прозрачности и графики, WebP — экономия веса там, где площадка его принимает. Разберём, что выбирать в каких случаях и как не убить качество сжатием.
Три формата и их работа
Отличаются они принципиально, и путаница между ними стоит либо качества, либо скорости.
- JPEG — фотографии. Сжатие с потерями, маленький вес, нет прозрачности. Основной формат карточки.
- PNG — графика и прозрачность. Сжатие без потерь, вес в разы больше. Для инфографики и файлов без фона.
- WebP — современная замена обоим: меньше вес при том же качестве. Принимается не везде, проверяйте площадку.
Почему нельзя пересохранять JPEG много раз
JPEG теряет данные при каждом сохранении. Открыли, чуть поправили, сохранили — потери. Ещё раз — ещё потери. Через несколько итераций на однотонных участках появляются квадратные артефакты и «грязь» вокруг контрастных границ.
Правильная схема: храните исходник (RAW или PNG/TIFF), а JPEG делайте один раз — финальным экспортом. Если нужно поправить — правьте исходник и экспортируйте заново, а не редактируйте готовый JPEG.
Вес и качество: где компромисс
Слишком сильное сжатие видно в первую очередь на градиентах — небо, плавные переходы фона, тени под товаром: там появляются полосы и пятна. Слишком слабое — файл весит лишние мегабайты и карточка грузится дольше, что бьёт по поведенческим.
Рабочий ориентир для карточки: качество экспорта 80–90 из 100. Ниже начинают лезть артефакты на границах и в тенях, выше — вес растёт быстрее, чем качество. Точные лимиты по весу и размеру всегда смотрите в требованиях конкретной площадки: они меняются.
Прозрачность: частая ошибка
Обтравленное изображение сохранили в JPEG — прозрачность залилась белым. Это не ошибка редактора: JPEG физически не умеет хранить альфа-канал.
Поэтому логика такая: PNG — рабочий файл для монтажа инфографики и баннеров, JPEG с уже наложенным белым фоном — для карточки. Мы отдаём комплекты именно так: карточные JPEG под каждую площадку и PNG отдельно, если он нужен для графики — скажите об этом в ТЗ.