Как сделать JPG из PNG
Загрузите PNG, выберите качество JPEG и при наличии прозрачности — цвет фона. На выходе .jpg. Это необратимый lossy-шаг: вернуть alpha из получившегося JPEG нельзя.
Что будет с прозрачностью
JPEG не умеет alpha. Полупрозрачные пиксели накладываются на выбранный фон (по умолчанию белый). Для логотипа на цветной шапке сайта заранее поставьте тот же hex, иначе появится ореол.
Если прозрачность нужна — не конвертируйте в JPG. Смотрите PNG → WebP или PNG → AVIF.
Фото и скриншоты без UI
PNG-фото с телефона или экспорта из редактора часто неоправданно тяжёлые. JPEG на 75–85% обычно резко снижает вес. Скриншот с текстом и ровными заливками, наоборот, может разъехаться блочными артефактами — тогда лучше WebP lossless или оптимизированный PNG.
Почему логотипы страдают
Резкие края, мелкий шрифт и плоские цвета — слабое место DCT. «Маленький JPG логотипа» часто выглядит хуже, чем кажется по весу. Для иконок и UI оставьте формат с чёткими краями.
Качество JPEG
Для фото в статью начните с 80%. Для превью карточки можно 70–75%, если нет мелкого текста. Выше 92% выигрыш по восприятию крошечный, а вес растёт. Ниже 60% на UI почти всегда видно.
Цвет фона
Поле «Фон при JPEG» в расширенных настройках задаёт заливку под alpha. Для тёмной темы поставьте близкий тёмный цвет, не белый. Мягкая тень логотипа на чужом фоне даст кайму — проверяйте на реальном макете.
Когда оставлять PNG
- Нужна прозрачность.
- Много текста, схем, скриншотов интерфейса.
- Файл пойдёт в печать или в редактор слоёв.
Ореолы, мат и неправильный фон
Полупрозрачные пиксели PNG хранят цвет края, который был рассчитан на исходный фон. Если вы кладёте логотип с белой каймой на тёмную шапку, белый фон JPEG проявит ореол. Ставьте в расширенных настройках тот же цвет, что у блока на сайте, или заранее уберите полупрозрачность в редакторе.
Жёсткая маска (пиксель либо 0, либо 255 alpha) переносит меньше сюрпризов, чем мягкая тень. Мягкую тень JPEG всё равно испортит блоками — для неё нужен формат с alpha.
Лимиты форм, почта и «влезть в мегабайт»
Частый запрос — паспортное фото или скан в PNG на 8 МБ при лимите формы 2 МБ. JPEG 75–80% плюс уменьшение стороны обычно решает задачу. Не ставьте 40%: артефакты на тексте паспорта хуже, чем чуть больший файл.
Для email-вложений JPEG надёжнее PNG и WebP. Проверьте, что получатель не требует именно PNG. Пакетный ZIP удобен, когда отдел присылает папку скриншотов «как есть».
Если после JPG файл всё ещё велик — режьте разрешение. Смена формата не отменяет геометрию кадра. Соседние страницы: PNG → WebP для сайта с прозрачностью.
Типичные ошибки при PNG → JPG
Первая — конвертировать логотип «чтобы весил меньше» и получить серую кашу на буквах. Вторая — забыть про фон и удивиться белому прямоугольнику на тёмном сайте. Третья — сжать до 40% из-за лимита формы и сделать нечитаемым скан документа. Четвёртая — удалить исходный PNG в тот же день.
Проверка перед отправкой: откройте JPG на том фоне, где он будет жить; посмотрите текст на 100% зуме; убедитесь, что лимит формы закрыт без экстремального quality. Если не закрыт — режьте пиксели, не только quality.
PNG с телефона и «сохранить как PNG» из редактора
Смартфон иногда отдаёт снимок в PNG, если вы скринили камеру, сохранили из галереи «без сжатия» или выгрузили кадр из приложения ретуши. Такой файл выглядит как фото, но упакован deflate: шум матрицы и градиенты неба почти не сжимаются. JPEG на 78–85% обычно снимает несколько мегабайт при том же разрешении.
Другой источник — Photoshop или Figma, где дизайнер нажал Export PNG «на всякий случай». Если в макете нет прозрачности и нет мелкого UI-текста, JPEG закрывает обмен быстрее. Если в кадре логотип с мягкой тенью — сначала решите, нужна ли alpha. Нет alpha — эта страница. Есть alpha — PNG → WebP.
Не путайте «PNG с телефона» с «PNG-иконкой». Иконка 256px с плоскими цветами после JPEG начнёт звенеть по контуру. Фото 12 Мп — наоборот, почти всегда выигрывает от DCT.
Анкеты, сканы паспорта и лимит загрузки
Госуслуги, банки, вузы и тендерные площадки часто ставят потолок 1–5 МБ и белый список jpg/jpeg/png. Скан в PNG на 9 МБ не пролезает. Рабочий порядок: уменьшите длинную сторону до 1600–2000px (для экрана комиссии этого хватает), затем JPEG 80%. Если текст на бланке мылится — поднимите quality до 88% и ещё раз режьте геометрию, а не ставьте 45%.
Цветной штамп и красная печать чувствительны к низкому quality: появляется блочность вокруг края печати. Для штампа лучше 85%+. Чёрно-белый текстовый скан иногда выгоднее оставить PNG или увести в WebP lossless, но если форма принимает только JPEG — держитесь 82–90% и не кропайте поля с серией документа.
Метаданные камеры этот конвейер не копирует. Для анкеты это плюс: координаты съёмки не уедут вместе с фото. Для архива следствия исходный PNG лучше сохранить отдельно.
Письмо, презентация и вставка в документ
Outlook и часть корпоративных веб-почт спокойно показывают JPEG и спотыкаются о WebP. PNG-вложение на 6 МБ раздувает ящик. Перед тем как слать «файл как есть», соберите JPEG 80% с стороной под просмотр (для письма часто достаточно 1200–1600px).
В Word и PowerPoint огромный PNG тормозит документ и увеличивает .docx. JPEG легче для пересылки коллеге. Не вставляйте 4000px кадр в слайд 13 дюймов: ресайз в конвертере до ширины слайда экономит и диск, и нервы при сохранении.
Мессенджеры часто перекодируют вложение сами. Конвертация перед Telegram имеет смысл, когда вы контролируете конечный файл (флешка, официальное письмо, загрузка в СЭД), а не когда картинка всё равно уедет через сжатие площадки.
Когда JPEG убивает интерфейс
Скриншот настроек, таблица, схема, комикс с плоскими заливками — слабое место JPEG. DCT режет резкие границы, на мелком шрифте появляются «козявки». Если цель — база знаний для сотрудников, лучше WebP или оптимизированный PNG.
Исключение: скриншот, который на самом деле фото экрана с камеры (блики, муар, шум). Такой кадр ведёт себя как фотография: JPEG уместен. Настоящий PNG-скрин из ОС — нет.
Логотип с антиалиасингом по краю буквы после JPEG даёт цветную кайму. Не используйте эту страницу как «сжать логотип». Для логотипа нужен формат с чёткими краями и, как правило, прозрачность.
Как читать ползунок: не абстрактные проценты, а сценарий
- Фото в статью или карточку товара: старт 80%.
- Превью, где кадр мелкий: 70–75%, если нет текста внутри кадра.
- Документ, печать согласования на экране: 85–90%.
- Выше 93% вес растёт быстрее, чем глаз замечает разницу на типичном мониторе.
- Ниже 60% на лицах и печати почти всегда видно; на UI — всегда.
Шкала 1–100 в интерфейсе — это quality mozjpeg, не «процент сохранённых деталей». Два разных PNG на 80% дадут разный вес: шумное фото сожмётся иначе, чем градиентная заставка.
Фон: не оставляйте белый «потому что так стояло»
Полупрозрачный PNG хранит цвет края, рассчитанный на исходный фон макета. Если край считался на #1c2430, а вы кладёте белую подложку JPEG, появится светлый ореол. В расширенных настройках поле фона должно совпасть с hex блока, куда поедет картинка.
Жёсткая маска (alpha 0 или 255) переносит меньше сюрпризов, чем мягкая тень. Мягкую тень JPEG всё равно испортит блоками 8×8 — такие файлы не должны идти в JPEG, если тень важна.
Тёмная тема сайта: поставьте тёмный фон до конвертации, не после жалобы «белый прямоугольник». Для печати на белой бумаге белый фон логичен. Для соцсети с тёмной карточкой — нет.
Геометрия даёт больше, чем ещё −5 пунктов quality
PNG 5000px, который покажут в карточке 640px, тратит байты на пиксели, которых никто не увидит. Сначала задайте ширину или высоту под слот, затем подберите quality. Обратный порядок (сначала 55%, потом ресайз) оставляет артефакты крупными на уменьшенном кадре.
Сохраняйте пропорции, если не готовите обложку с жёстким кропом. Искажённые лица в анкете хуже, чем лишний килобайт. Для паспорта и фото на документы не меняйте соотношение сторон «чтобы влезло» — режьте поле вокруг, не тяните кадр.
Исходный PNG не удаляйте в тот же вечер
JPEG с этой страницы — производная. Правка печати, замена фона, возврат прозрачности из JPEG невозможны. Положите PNG в папку masters, JPEG — в outgoing. Имена лучше осмысленные: passport-ivanov-scan.jpg, а не image(3).png.jpg.
Пакетный ZIP удобен, когда отдел прислал папку скриншотов «как есть». Один профиль размера на всю пачку. После ZIP откройте два-три файла в той программе, куда понесёте результат, не только превью проводника.
Чеклист PNG → JPG
- Нужна ли прозрачность? Если да — вы не на той странице.
- Фон совпадает с местом публикации.
- Текст и печати читаются на 100% зуме.
- Лимит формы закрыт без экстремального quality.
- Длинная сторона не больше задачи просмотра.
- Мастер-PNG лежит отдельно.
Смежно: облегчить сайт с alpha — PNG → WebP; современный delivery — PNG → AVIF; хаб — конвертер PNG.
Карточки маркетплейсов и «фото на белом»
Площадки часто просят JPEG на белом фоне, лимит 8–10 МБ и сторону до 2000–4000px. PNG с вырезанным товаром на прозрачности как раз нужно сплющить. Ставьте белый фон явно, даже если «и так белый»: полупрозратная кайма от тени иначе станет серой кашей.
Несколько ракурсов одним ZIP удобны, когда менеджер прислал папку PNG из ретуши. Один профиль: сторона под ТЗ площадки, quality 82–88%. Ниже 70% на белом фоне вылезут блоки вокруг края предмета — модерация это видит.
Если площадка принимает WebP, не деградируйте в JPEG без нужды. Эта страница — когда в правилах написано jpg/jpeg или когда прозрачность уже не нужна.
Что вы увидите после скачивания
Превью проводника Windows иногда мягче, чем открытие в браузере. Проверяйте там, куда понесёте файл: форма сайта, Word, превью CMS. Цвет может чуть уехать относительно PNG, если программы по-разному толкуют sRGB без вложенного профиля — для анкеты это редко критично, для брендового цвета логотипа критично, и логотип в JPEG всё равно не должен был идти.
Имя файла с кириллицей часть форм режет. Латиница и дефис спокойнее: item-front.jpg.
Не устраивайте маятник PNG ↔ JPG
Каждый JPEG-проход добавляет блоки. Если завтра снова понадобится прозрачность, из JPG её не вынуть. Правки товара — на PNG-мастере, в JPEG только финальная отправка. Пакет здесь для исходящей папки, не для единственной копии каталога.
Частые вопросы
Что будет с прозрачным PNG?
Alpha наложится на выбранный фон. Вернуть дырки из JPEG нельзя.
Какой фон выбрать?
Цвет под макет: для тёмной шапки — тёмный, не белый по умолчанию.
Подойдёт ли для логотипа?
Обычно нет: JPEG портит резкие края и мелкий шрифт. Для логотипа оставьте PNG/WebP.
Какое качество для фото-PNG?
75–85% — рабочий старт. Ниже 60% на скриншотах с текстом почти всегда видно.
Это необратимо?
Да, lossy. Храните исходный PNG, если планируете правки.
Файлы загружаются на сервер?
Нет, JPEG собирается локально.
Пакетная обработка?
Да, несколько PNG и один ZIP с JPG.
Когда лучше PNG → WebP?
Когда нужна прозрачность или UI-графика для сайта.
Соцсеть сожмёт сама, анкета — нет
Instagram и похожие сервисы перекодируют загрузку. Готовить «идеальный JPEG 92%» перед ними часто бессмысленно: площадка всё равно наложит свой профиль. Имеет смысл сторона под слот и отсутствие прозрачности.
Анкета вуза, банк, СЭД — другой мир: файл останется таким, каким вы его положили. Здесь quality и геометрия под вашим контролем. Не путайте эти каналы одним и тем же пресетом «как для ленты».