Преобразование PNG, JPEG и WebP

Ваши файлы и ваша конфиденциальность

Ваши изображения никогда не загружаются. Каждый файл считывается на этой вкладке браузера, декодируется и перекодируется собственным конвейером изображений браузера внутри Web Worker и передается обратно как скачать. Код инструмента не запрашивает файл, вставленный текст или сгенерированный файл. выход. Запросы скриптов раскрытой аналитики вынесены отдельно и описаны на сайте. Политика конфиденциальности.

Что делает этот инструмент

Конвертируйте изображение из одного формата в другой, используя кодировщики, которые уже есть в вашем браузере. с. PNG, JPEG и WebP можно записать; JPEG, PNG, WebP и GIF можно прочитать. До ничего не написано, на панели указано, идет ли конвертация с потерями и что будет к прозрачности.

При преобразовании изображение декодируется в простые RGBA пикселей и запрашивается другой кодировщик. запишите их снова, что означает, что преобразование переносит только тот формат назначения, может представлять. PNG записывается кодировщиком без потерь и сохраняет альфа-канал. JPEG — это с потерями при любых настройках и вообще не имеет альфа-канала, поэтому прозрачные пиксели сглаживаются на цвет фона, который вы выбираете перед кодированием. WebP сохраняет альфа-версию, но записывается в режиме с потерями браузером, даже с качеством 100. Группа называет каждое из этих последствий для точное преобразование, которое вы просили.

Как его использовать

1. Выберите изображение или несколько изображений, которые вы хотите преобразовать.
2. Выберите выходной формат. В примечании под окном выбора описано, что делает этот кодер с подробно и прозрачно.
3. Если вы выбрали JPEG, установите цвет фона, чтобы прозрачные области были сглажены. на. Он начинается с белого цвета.
4. Выберите «Преобразовать» и прочитайте панель предупреждений, в которой перечислены все последствия этого. конкретное преобразование.
5. Загрузите преобразованный файл или ZIP, если вы конвертировали более одного файла.

Примеры использования

• Преобразование снимка экрана PNG в снимок экрана JPEG, чтобы он помещался в форму загрузки с ограниченным размером.
• Создание WebP копии логотипа, которая сохраняет прозрачный фон, но весит меньше. чем PNG.
• Сохранение первого кадра GIF как кадра PNG для использования в документе.

Поддерживаемый ввод и вывод

Принимает

• JPEG, PNG и WebP, до 40 MB на файл
• GIF, декодируется только как первый кадр

Производит

• PNG: кодировщик без потерь, сохраняет прозрачность, большой для фотографий
• JPEG: всегда с потерями, без альфа-канала, маленький для фотографий
• WebP: с потерями в кодировщике браузера, сохраняет прозрачность
• ZIP с именем converted-images.zip для пакета

Чего этот инструмент не сделает

• GIF предназначен только для ввода. Анимация не сохраняется, а GIF не предлагается в качестве вывода. формате, поскольку неподвижное изображение с расширением .gif будет искажать само себя.
• HEIC, HEIF, AVIF, TIFF и камера RAW не принимаются, поскольку браузеры не могут декодировать их надежно без кодека платформы.
• Преобразование JPEG в PNG ничего не восстанавливает. PNG точно хранит пиксели JPEG. уже деградированный, обычно в файле значительно большего размера.
• Для вывода WebP требуется браузер, который может кодировать WebP. Тот, который не может сообщить об ошибке вместо того, чтобы тихо писать другой формат.
• Метаданные обычно теряются как побочный эффект перекодирования, что не одно и то же. в качестве гарантии того, что он был удален.
• Цветовые профили не передаются через холст, поэтому изображение с необычной вкрапленностью Профиль может слегка изменить цвет.

Распространенные ошибки

• Экспортируем прозрачный PNG как JPEG и только позже замечаем, что прозрачность стала сплошной блок цвета фона, который по умолчанию белый.
• Ожидается, что вывод PNG уменьшит фотографию. Его кодер точно сохраняет каждый пиксель, поэтому результат обычно в несколько раз превышает размер JPEG, из которого он получен.
• Чтение WebP с качеством 100 без потерь. Браузер кодирует WebP в режиме с потерями каждый раз. настройка, поэтому детализация игнорируется даже в верхней части ползунка.
• Преобразование анимированного GIF и отправка результата в виде анимации: только первый кадр декодируется, поэтому на выходе получается одно неподвижное изображение.

Технические примечания

Для декодирования используется функция createImageBitmap, которая обрабатывает все типы входных данных, которые браузер может прочитать, и ведет себя одинаково внутри веб-воркера. Растровое изображение рисуется один раз в OffscreenCanvas. и кодируется браузером с помощью ConvertToBlob с canvas.toBlob в качестве резервного варианта. Поскольку холст не содержит ничего, кроме RGBA пикселей, все, что исходный формат выходит за рамки пикселей сохраняется только в том случае, если целевой кодер может их представить: для формата без альфа-канал: холст заполняется выбранным вами матовым цветом до того, как растровое изображение будет нарисовано, поэтому в одном браузере прозрачность становится одноцветной, а не черной. и белый в другом.

Часто задаваемые вопросы

Какие конверсии выполняются без потерь?

Запись только в PNG и только тогда, когда вы также не меняете размеры в пикселях. Каждый Экспорт JPEG осуществляется с потерями, WebP выполняется с потерями в кодировщике браузера при любом качестве и любом resize изменяет размер изображения независимо от формата.

Что произойдет с прозрачностью при преобразовании в JPEG?

JPEG не имеет альфа-канала, поэтому каждый прозрачный пиксель заполнен фоном. цвет, который вы выбираете перед кодированием. Если вам нужно сохранить прозрачность, преобразуйте в PNG или Вместо этого WebP.

Могу ли я конвертировать HEIC фотографий с iPhone?

Нет. HEIC и HEIF не принимаются, равно как и AVIF, TIFF или камера RAW, поскольку браузер не может их декодировать без помощи операционной системы. Экспортируйте JPEG из ваш телефон в первую очередь.