Как сжать фото товара для продажи в интернете (сохранить разрешение, уменьшить файл)

Вы только что потратили двадцать минут на постановку фото товара. Естественный свет от окна. Чистая поверхность. Предмет по центру, резкий, с точно таким видом, от которого хочется нажать «Купить». Переносите на компьютер и смотрите на размер файла: 1,1 МБ. Одно фото. Умножьте на десять фото в каждом объявлении, затем на все товары, которые у вас в продаже. Страница вашего магазина загружает мегабайты изображений при каждом визите, большей частью по мобильным сетям, где каждые лишние сто килобайт стоят секунды загрузки.

Почти все делают одну и ту же ошибку: открывают фото в редакторе, стаскивают размеры до 800×600 или меньше и сохраняют. Файл уменьшается, да. Но вы при этом выбрасываете и пиксели, которые заставляют работать зум при наведении. На площадках вроде Avito, Юлы, Wildberries или Amazon покупатели ждут, что смогут приблизить и разглядеть деталь. Уменьшение размера это убивает. Правильный ход — сохранить каждый пиксель и уменьшить файл иначе: снизив качество JPEG вместо размера.

Я проверил как следует. Взял реальное фото товара — ручную керамическую кружку, 1024×949 пикселей, выгруженную прямо из камеры как PNG весом 1 156 КБ, — и прогнал через браузерный JPEG-компрессор в девяти разных настройках качества. Одно и то же фото, одно и то же разрешение, менялась только агрессивность кодировщика. Вот что получилось:

Чего площадки продаж на самом деле хотят от ваших изображений

Правила разнятся от площадки к площадке, но паттерн везде один: они хотят крупные, детальные изображения, которые быстро грузятся. Вот как выстраиваются основные:

• Avito: До 15–20 МБ на фото. Ценит высокое разрешение для работающего зума.
• Юла: До 10 МБ на фото, JPEG/PNG. Мобильный в приоритете — скорость изображения важна.
• Wildberries / Ozon: До 5–10 МБ на изображение. Настоятельно рекомендуют JPEG для фото товара.
• Amazon.com: Требует белый фон и часто ориентируется на 1 МБ на изображение. Зум нуждается в разрешении выше 2000 px.
• Etsy (международная продажа): Рекомендует минимум 2000 px по короткой стороне для чёткого зума. До 10 фото на объявление.

Заметили паттерн? Ни одна не говорит вам уменьшать размер до мелкого. Все поощряют изображения высокого разрешения с работающим зумом. Проблема никогда не в том, что пикселей слишком много. А в том, что в эти пиксели упаковано слишком много невидимых данных.

Качество против размера: почему выигрывает ползунок

Файл JPEG содержит две вещи: данные пикселей (что показывает снимок) и детали кодирования (насколько точно хранится цвет каждого пикселя). Когда вы меняете размер, вы выбрасываете пиксели навсегда. Когда снижаете качество, сохраняете каждый пиксель и просто храните каждый цвет с меньшим числом бит точности. Для фото товара, просматриваемого в обычных размерах объявления — возможно, 600–800 пикселей в ширину на телефоне, — разница между качеством 95 и 75 практически невидима. Но разница в размере огромна: 179 КБ против 58 КБ. Сокращение на 68% без потери ни одного пикселя.

PNG делает только хуже. Если сохранить фото товара как PNG, кодировщик хранит каждый пиксель идеально, что означает: фото товара шириной 1024 пикселя легко доходит до 1–3 МБ, хотя не содержит больше визуальной информации, чем JPEG на 60 КБ. JPEG — то, что любая площадка рекомендует для фотографий, и он сжимает куда лучше PNG всё, что имеет градиенты, текстуры или естественный свет, — то есть по сути любое фото товара.

Что бывает, когда вы загружаете десять несжатых фото

Площадки разрешают несколько изображений на объявление. Etsy разрешает десять. Вот как выглядит расчёт, когда каждое фото начинается как PNG 1,1 МБ:

Переход с 11,3 МБ на 574 КБ в одном объявлении — это разница между страницей, которая грузится меньше секунды на 4G, и той, что крутится четыре секунды. В мобильных сетях этот зазор решает, будет ли человек ждать или нажмёт «назад». Лёгкие изображения также помогают вашему показателю Core Web Vitals, который некоторые площадки учитывают во внутреннем поиске. Если вы ведёте магазин Shopify в дополнение к площадкам, гайд по оптимизации изображений Shopify разбирает техническую сторону.

Порядок, который я использую перед загрузкой куда угодно

1. Экспортируйте в полном разрешении. Держите фото в родном размере — 2000 px и больше идеально. Не уменьшайте «чтобы сэкономить место».
2. Перетащите фото(ы) в браузерный компрессор. Загрузите все десять сразу, если инструмент поддерживает пакеты. Тот, что я использую, держит до 20 файлов одновременно и работает целиком в браузере — ничего не отправляется на сервер.
3. Проверьте стандартный результат. Большинство начинают с качества 80, что уже снижает фото 1,1 МБ до 67 КБ. Возможно, этого достаточно.
4. Если хотите меньше, потяните ползунок качества на 75. Смотрите, как падает размер. На 75 вы получаете 58 КБ без изменения размеров. Каждый пиксель на месте.
5. Предпросмотр перед скачиванием. Хорошие инструменты показывают «до/после» рядом. Если сжатая версия чистая на 100%, скачивайте. Если выглядит плохо, вернитесь к 80 или 85.
6. Загрузите на свою площадку. Десять резких, быстро грузящихся JPEG. Зум работает. На мобильном грузится быстро. Готово.

Качество 75 правда выглядит хуже?

Честно? На 100% на мониторе ПК — да, очень слегка. Самые тонкие текстуры (зерно глазури керамики, плетение ткани, блеск металла) теряют каплю резкости. На 200% можно отличить сжатую версию от оригинала, если быстро переключаться туда-сюда.

Но вот в чём суть: никто не смотрит ваше фото товара на 200%. Etsy показывает главное изображение примерно в 500–700 px в результатах и 800–1000 на странице. Зум доходит до загруженного разрешения, которое всё ещё составляет ваши 1024+ px, — и в таком размере на обычном телефоне качество 75 неотличимо от оригинала. Вы меняете невидимую микродеталь на файл на 95% меньше. Обмен, который стоит делать каждый раз.

Если вы продаёте то, где верность текстуры критична — вязаные свитеры, где петля и есть торговый аргумент, или украшения, где блеск граней вызывает клики, — оставайтесь на качестве 80 или 85. Вы всё равно урежете файл на 80–90% по сравнению с исходным PNG. Для всего остального — керамика, принты, домашняя утварь, аксессуары — 75 и есть ваше число.

Ошибки, которые стоят времени и продаж

• Уменьшать до менее 1000 пикселей «чтобы сэкономить место». Это ошибка №1, которую я вижу. Да, файл становится меньше. Но вы также отключаете зум, делаете фото мягким на Retina-экранах и лишаете себя запаса для кадрирования потом. Сохраняйте разрешение. Снижайте качество.
• Сохранять фото товара как PNG. PNG без потерь, звучит хорошо — пока ваше фото 1 МБ не превратится в PNG 3 МБ, который грузится втрое дольше. Сохраняйте как JPEG. Всегда JPEG для фотографий.
• Пересохранять тот же JPEG несколько раз. Каждое «Сохранить как» пересжимает. После двух-трёх заходов артефакты накапливаются, фото начинает плыть, а размер почти не двигается. Сжимайте один раз, прямо из исходного файла (ваш RAW-экспорт или JPEG с камеры).
• Пользоваться серверными онлайн-компрессорами. Ваше фото отправляется на чужой сервер, обрабатывается там и возвращается. Для невыпущенных дизайнов или товаров до запуска это риск утечки интеллектуальной собственности. Браузерные компрессоры работают целиком на вашем устройстве — файл никогда не покидает компьютер. Учитывая, сколько продавцов работают с невыпущенным остатком или собственными дизайнами, это важнее, чем кажется большинству.
• Игнорировать сладкую точку между 70 и 80. Кривая экономии круче всего сверху. С 95→75 вы режете 68%. С 60→50 экономите лишь 11%. Все лёгкие выигрыши — между 85 и 70. Туда и должно быть направлено внимание.

Связанные гайды для конкретных ситуаций

Ваши нужды в фото товара могут быть конкретнее общего случая выше. Если вы упираетесь в particularный лимит размера или имеете дело со специализированной площадкой, эти гайды копают глубже:

• Продаёте именно на Amazon (там более жёсткие цели 1 МБ и обязательный белый фон)? Читайте гайд по сжатию изображений Amazon.
• Нужно впихнуть фото меньше 50 КБ под строгую форму или лимит аватара? разбор «меньше 50 КБ» покрывает ровно этот сценарий.
• Интересно, правда ли качество 60 так отличается от 80? сравнение качества JPEG сталкивает их бок о бок на четырёх типах изображений.
• Ведёте магазин Shopify вдобавок к объявлениям на площадках? Скорость изображений напрямую влияет на ваши Core Web Vitals и позицию в Google. Смотрите гайд по изображениям Shopify.
• Снимаете скриншоты аналитики или макетов, чтобы вставить в объявления? Скриншоты превращаются в кашу при сохранении как JPG. гайд по сжатию скриншотов держит текст резким.

Итог

Перестаньте уменьшать размер фото товара. Держите их в полном разрешении — минимум 2000 px по короткой стороне — и сжимайте как JPEG при качестве 75 (или 80, если опасаетесь текстурных предметов). Фото 1,1 МБ становится 58 КБ. Десять фото — 574 КБ вместо 11 МБ. Страницы ваших объявлений грузятся на телефоне быстрее, зум по-прежнему работает, и сделано это без установки ПО, создания аккаунта или отправки ваших фото на чужой сервер.

В следующий раз, когда потянете тот ползунок разрешения влево, остановитесь. Потяните ползунок качества. Тот же результат, никакого урона.