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