Бесплатное преобразование изображений в браузере
Конвертер PNG в JPG
ImageConver преобразует PNG в непрозрачный JPG в браузере, рисуя PNG на холсте, накладывая прозрачные пиксели на выбранный фон и запрашивая вывод изображения/jpeg. Формат PNG не имеет потерь и может содержать необязательный альфа-канал, тогда как JPG обычно имеет потери и не имеет альфа-канала. Результат может быть меньше для детальной фотографии, но размер выходного изображения не гарантируется. Содержимое вашего изображения остается в браузере и не загружается.
Бесплатный инструмент для браузера
Преобразование и проверка вывода JPG
Выберите одно изображение, выберите соответствующие настройки и сравните результат перед загрузкой. Содержимое изображения остается в этом рабочем процессе браузера.
- Изменение размера
- –
- Фоновая обработка
- Выбран непрозрачный цвет
Для начала выберите исходное изображение.
С первого взгляда
Краткие сведения о преобразовании PNG в JPG
- Ввод MIME
- изображение/png.
- Входное расширение
- .png; расширение файла не восстанавливает поврежденный или неправильно маркированный файл.
- Сжатие PNG
- В спецификации формата PNG не имеет потерь, поэтому при кодировании не происходит преднамеренного удаления деталей изображения, как это происходит в JPEG.
- PNG альфа
- PNG поддерживает дополнительную альфа-прозрачность. Полностью или частично прозрачные пиксели нуждаются в фоне перед кодированием JPG.
- Выходной MIME
- изображение/jpg.
- Прозрачность вывода
- JPG непрозрачен и не может сохранить альфа-канал PNG.
- Анимация
- Стандартный PNG не является целью сохранения анимации для этого инструмента; страница преобразует одно декодированное растровое изображение.
Рабочий процесс
Как конвертировать PNG в JPG
- 1
Выберите PNG
Выберите PNG, который браузер может декодировать. Проверьте, является ли это фотографией, снимком экрана, штриховым рисунком, логотипом или прозрачным ресурсом, поскольку каждый из них по-разному реагирует на кодировку JPEG.
- 2
Выберите фон
Установите цвет композиции перед кодированием. Белый цвет обычно используется в документах, но цвет страницы или фона продукта может избежать видимого ореола вокруг полупрозрачных краев.
- 3
Настройте и сравните качество
Настройте требуемое качество, затем проверьте текст, диагонали, градиенты и фотографическую текстуру. Не делайте вывод о качестве только по ползунку.
- 4
Загрузите и протестируйте JPG
Откройте сохраненный файл в целевом приложении или браузере. Убедитесь, что фон, размеры, размер файла и визуальная четкость соответствуют требованиям публикации.
Элементы управления
Объяснение настроек PNG в JPG
- Цвет фона
- Это цвет под прозрачностью PNG во время композиции. Это влияет как на полностью прозрачные области, так и на пиксели со смешанными краями вокруг частично прозрачного объекта.
- JPEG-качество
- Значение передается как запрос качества для типа изображения с потерями. Более высокие значения часто сохраняют больше деталей и используют больше байтов, но кодировщики браузеров не обещают фиксированный размер файла.
- Размеры холста
- В выводе сохраняются декодированные размеры PNG, если браузеру не придется отклонять или масштабировать холст слишком большого размера. Очень большие изображения следует тестировать в целевом браузере.
- Запрос кодирования холста
- Canvas toBlob принимает выходной MIME и аргумент качества для типов изображений с потерями, таких как JPEG. Протестируйте закодированный результат вместо того, чтобы предполагать, что запрошенное качество предсказывает конечный файл.
Выходное поведение
Что теряет PNG, когда становится JPG
Альфа состоит из композиций
PNG может хранить альфа-значения. JPG не может, поэтому браузер объединяет PNG с выбранным фоном, прежде чем запрашивать у холста изображение/jpeg. Предварительный просмотр шахматной доски не является частью сохраненного JPG.
Детали без потерь могут стать деталями с потерями
В спецификации формата PNG не имеет потерь, тогда как JPG обычно имеет потери. Резкий текст, линии толщиной в один пиксель и плоские цветовые границы могут после преобразования вызывать звенящие или блокирующие артефакты.
Размер файла может изменяться в любом направлении
Фотографический PNG часто содержит избыточные данные и может стать меньше по размеру, чем JPG, но небольшой PNG с плоским цветом уже может быть эффективным. Размеры, текстура, качество и поведение кодировщика определяют результат.
Метаданные не являются безопасным предположением
При рендеринге через холст исходные метаданные могут быть пропущены. Если PNG содержит примечания к рабочему процессу или встроенную информацию, которая должна сохраниться, сохраните оригинал и проверьте JPG независимо.
Руководство по принятию решений
Когда формат PNG в JPG подойдет
Используйте это преобразование для фотографии или графики, которая требует широкой совместимости с JPG и не требует прозрачности. Он также может сделать прозрачный PNG-файл пригодным для использования в системе, требующей плоского фона, при условии, что вы сначала сознательно выбрали этот фон.
Сохраняйте PNG для снимков экрана, снимков пользовательского интерфейса, логотипов, штриховых рисунков и графики с четкими краями или альфа-каналом. Преобразование исключительно для уменьшения байтов может разочаровать: размер выходного файла не гарантированно уменьшится, а JPEG более низкого качества может выглядеть хуже, не обеспечивая существенного преимущества в размере.
Сравнивать
Фотография, скриншот или штриховой рисунок?
| Источник | PNGПоведение | JPGРешение |
|---|---|---|
| Фотография | Может быть большим, поскольку изображение имеет много цветов и текстур. | Часто разумный кандидат в формате JPG; сравнить детализацию и размер вывода с целевым качеством. |
| Скриншот | Сохраняет четкость границ текста и пользовательского интерфейса благодаря кодированию без потерь. | Сохраняйте PNG, если важен мелкий текст, значки или резкие границы. |
| Штриховое искусство или логотип | Может сохранять ровные цвета и альфа-края. | Выравнивайте только тогда, когда допустим непрозрачный фон; осмотреть ореолы и звон. |
| Прозрачное изображение продукта | Сохраняет край выреза с альфа-каналом. | Сначала выберите окончательный фон; JPG не может нести сам вырез. |
Решение проблем
Устранение неполадок вывода PNG в JPG
PNG невозможно выбрать или декодировать.
Вероятная причина: Возможно, файл поврежден, имеет неверную маркировку или находится за пределами пути декодера браузера.
Что делать: Откройте и повторно экспортируйте его как стандартный PNG, подтвердите расширение и MIME, затем повторите попытку. Переименованный файл автоматически не является допустимым PNG.
Прозрачные области имеют неправильный цвет
Вероятная причина: Альфа-канал был наложен на выбранный фон.
Что делать: Перед преобразованием выберите фон, соответствующий месту назначения. Нет прозрачного вывода JPG для последующего восстановления.
Логотип имеет светлую или темную бахрому.
Вероятная причина: Полупрозрачное сглаживание было смешано с фоном, который отличается от конечной страницы.
Что делать: Используйте фактический фон дисплея, проверьте его на 100 процентов или сохраните ресурс в формате PNG с альфа-каналом.
JPG больше PNG.
Вероятная причина: PNG может быть эффективен для плоской графики, а размер JPEG зависит от размеров, детализации, качества и поведения кодировщика браузера.
Что делать: Сравните оба файла с одинаковыми размерами и визуальным порогом. Сохраняйте меньший формат только тогда, когда его внешний вид приемлем.
Конфиденциальность
Локальная обработка PNG в браузере
Исходное изображение остается в вашем браузере, а PNG декодируется, компонуется и кодируется локально. Страница может загружать свои собственные скрипты, шрифты или другие обычные ресурсы сайта, но этот конвертер не загружает содержимое изображения в службу удаленного преобразования.
Локальная обработка уменьшает необходимость отправки файла изображения в другое место, но не заменяет обычные методы обеспечения конфиденциальности устройства и браузера. Используйте доверенное устройство, проверяйте загрузки и сохраняйте исходный PNG, если он является авторитетным ресурсом.
- Обработка исходного кода
- Содержимое изображения остается в браузере во время процесса преобразования.
- Обработка прозрачности
- Альфа-изображение накладывается локально на выбранный фон перед кодированием JPEG.
Общие вопросы
Вопросы из PNG в JPG
PNG без потерь?
В спецификации формата PNG не имеет потерь, поэтому преобразование его в JPG с обычными потерями может изменить мелкие детали, даже если размеры остаются прежними.
Сохраняется ли PNG-альфа в JPG?
Нет. JPG не поддерживает альфа-прозрачность. PNG накладывается на выбранный фон перед кодированием непрозрачного JPG.
Будет ли JPG всегда меньше?
Нет. Фотографии могут уменьшаться, но простая графика или уже эффективные PNG могут оставаться такими же или увеличиваться в зависимости от качества и поведения кодировщика.
Должен ли я конвертировать скриншот в JPG?
Обычно сохраняйте PNG, когда важны читаемый текст, значки и острые края пользовательского интерфейса. Проверьте JPG с окончательным размером дисплея, если этого требует место назначения.
Могу ли я выбрать фон для прозрачности?
Да. Выберите цвет, который должен появиться под прозрачными и полупрозрачными пикселями перед созданием JPG.
Сохраняет ли преобразование метаданные PNG?
Не думайте, что это так. В выводе Canvas могут отсутствовать исходные метаданные, поэтому сохраняйте оригинал, если внедренная информация имеет значение.
PNG загружен?
При преобразовании содержимое изображений сохраняется в браузере и не загружается на сервер преобразования, хотя страница может загружать свои собственные скрипты и ресурсы.
Ссылки