Как уменьшить вес фото товара: PNG или JPEG
В нашем тесте карточка 900 × 1200 px заняла 608,5 кБ в PNG и 56,1 кБ в JPEG. Чтобы уменьшить вес фото товара, сначала стоит проверить формат экспорта: в этом примере ширина и высота остались прежними. Ниже доступны оба файла, уменьшенный вариант и проект для повторения.
Что именно мы сравнили
Мы собрали один учебный макет в Promo SMM Card: фотография флакона, крупное название, подпись об объеме и мелкая строка размером 20 px. Скачали PNG и JPEG без изменения композиции, затем уменьшили холст и отдельно проверили PNG с удвоением. Экспорты получены 29 сентября 2026 года в Microsoft Edge.
| Экспорт | Размер в пикселях | Вес файла | Проверить |
|---|---|---|---|
| PNG | 900 × 1200 px | 608,5 кБ | Скачать PNG |
| JPEG | 900 × 1200 px | 56,1 кБ | Скачать JPEG |
| JPEG, уменьшенный холст | 600 × 800 px | 29,8 кБ | Скачать JPEG |
| PNG, экспорт 2× | 1800 × 2400 px | 1 768,5 кБ | Скачать PNG |
Здесь 1 кБ = 1000 байт, 1 МБ = 1 000 000 байт. Проводник может показывать другое округление. Числа относятся к сохраненным файлам, а не ко всем фотографиям. Результат кодирования также может отличаться в другом браузере.
При одинаковых 900 × 1200 px переход с PNG на JPEG уменьшил файл на 90,8%: (608 453 − 56 126) / 608 453 × 100. Это уменьшение объема данных, а не доказательство отсутствия потерь изображения.
Когда выбирать JPEG, а когда оставлять PNG
Начните с JPEG, если большую часть карточки занимает фотография. Скачайте файл и проверьте контуры товара, плавные переходы цвета и надписи. Если видимые детали устраивают и площадка принимает формат, нет необходимости хранить большой PNG только из-за названия формата.
Оставьте PNG, если важны точные края букв, тонкие линии или прозрачность. PNG сохраняет растровые данные без потерь от своего сжатия. JPEG использует сжатие с потерями и не поддерживает прозрачный фон. Это различие описано в справке MDN по форматам изображений.
Фраза «без потери качества» слишком широкая для конвертации в JPEG. Корректнее проверить конкретный файл при нужном размере показа. Экспорт PNG тоже не восстановит детали, уже потерянные в исходной фотографии.
На показанном масштабе подпись читается в обоих вариантах. Нажмите на фрагмент для просмотра: уменьшенное превью страницы не подходит для оценки отдельных пикселей. Дополнительно откройте полные файлы и сравните фото, а не только текст.
Как повторить сравнение в редакторе
- Импортируйте проект и убедитесь, что в полях размера холста указаны 900 и 1200.
- В списке форматов выберите PNG текущего размера. Нажмите «Скачать карточку».
- Выберите JPEG текущего размера и скачайте второй файл. Между экспортами не меняйте подписи, масштаб фото и фон.
- В свойствах скачанных файлов посмотрите вес. Откройте оба изображения при одинаковом масштабе и сравните мелкий текст и края предмета.
- Выберите подходящий результат и отдельно сохраните JSON для последующих правок.
В текущем Promo SMM Card качество JPEG задано в коде как 0,92. Ползунка качества и поля «не больше 100 кБ» в интерфейсе нет. Параметр качества не равен проценту сохраненных деталей и не задает точный вес файла; это настройка кодировщика, описанная в документации Canvas toBlob.
Если JPEG все еще слишком тяжелый
Проверьте минимальные размеры изображения для места размещения. Если уменьшение допустимо, откройте поля ширины и высоты холста и сохраните исходные пропорции. Для нашего вертикального макета 900:1200 = 3:4; уменьшенный тест сделан в 600 × 800 px.
JPEG 600 × 800 px занял 29,8 кБ. Это еще на 47,0% меньше JPEG 900 × 1200 px, но буквам и деталям досталось меньше пикселей. Размер 600 × 800 приведен только для эксперимента: его допустимость для вашей площадки здесь не утверждается.
Экспорт 2×, наоборот, увеличил ширину и высоту до 1800 × 2400 px. Пикселей стало в четыре раза больше, а PNG вырос примерно в 2,9 раза. Вес файла не обязан меняться пропорционально числу пикселей.
Подробная разница между холстом, масштабом фотографии и обрезкой разобрана в инструкции по изменению размера фото. Если проблема только в большой фотографии внутри карточки, уменьшение масштаба объекта не заменяет настройку размера экспортируемого файла.
Какие действия создают лишнюю работу
Переименовать .png в .jpg. Расширение изменится, способ кодирования останется прежним. Используйте экспорт в нужный формат.
Сохранять один JPEG снова и снова. Для очередной правки возвращайтесь к JSON и исходному фото. Повторная обработка уже сжатого изображения может накапливать изменения, а редактируемые слои в JPEG не сохраняются.
Выгружать всю серию в 2× по привычке. Сначала проверьте, нужен ли такой размер. Для условных 30 файлов с весом наших примеров разница между PNG и JPEG составила бы 16,6 МБ. Это расчет объема, не обещание экономии денег или роста скорости сайта.
Если заказчик требует точный предел в кБ, проверьте итог после экспорта или используйте инструмент с настройкой качества. Сохраните рядом исходный проект: уменьшение веса файла не должно превращать каждую правку подписи в сборку карточки заново.