onlinetools.dev

Конвертер форматов изображений

Конвертируйте изображения между PNG, JPEG и WebP с настройкой качества

Работает локально
loading…
Об этом инструменте

Конвертируйте изображение между PNG, JPEG и WebP, ничего не устанавливая и никуда не загружая: перетащите файл, выберите целевой формат, подстройте качество живым ползунком — и размер результата обновляется в реальном времени. Плитка Δ показывает, насколько именно файл стал меньше (или больше), так что выбор качества перестаёт быть гаданием.

У трёх форматов разные роли. PNG — без потерь и с полной прозрачностью: для скриншотов, элементов интерфейса и всего с резкими границами или текстом. JPEG агрессивно сжимает фотографии, но не имеет альфа-канала и размывает жёсткие края. WebP при сопоставимом качестве обычно на 25–35% меньше JPEG, поддерживает прозрачность и работает во всех современных браузерах — для веба это, как правило, и есть ответ.

Конвертация происходит на canvas в вашем браузере: изображение декодируется, перерисовывается и снова кодируется теми же кодеками, которыми браузер отображает страницы. Именно поэтому инструмент приватен — и поэтому же точное число байтов немного различается в Chrome, Firefox и Safari: у каждого свой кодировщик.

Частые вопросы

Какое качество ставить для JPEG и WebP?
Диапазон 75–90 покрывает почти все реальные случаи. На 85 большинство фото неотличимы от исходника при доле его размера; ниже ~70 в градиентах и тонах кожи появляются блочные артефакты; выше 90 размер растёт круто, а выигрыш глазом не виден. Двигайте ползунок и смотрите на плитку размера — оптимум обычно очевиден.
Почему мой PNG стал больше после конвертации в JPEG?
JPEG создан для фотографических градиентов, а не для плоских заливок. Скриншоты, схемы и интерфейсная графика отлично сжимаются в PNG (длинные последовательности одинаковых пикселей), а JPEG вынужден хранить шум вокруг каждой резкой границы — файлы больше, звон заметен. Держите графику в PNG или конвертируйте в WebP.
Что произойдёт с прозрачностью при конвертации в JPEG?
У JPEG нет альфа-канала, поэтому прозрачные области нужно чем-то заполнить — этот инструмент сводит их на белый фон, как принято для веб-изображений. Если прозрачность должна выжить, выбирайте целью PNG или WebP.
Почему браузер не может экспортировать здесь AVIF или HEIC?
API canvas toBlob кодирует только форматы, для которых у браузера есть кодировщик — PNG и JPEG везде, WebP в Chromium и Firefox. Кодирование AVIF пока редкость, а HEIC обременён патентами, поэтому браузеры их только декодируют. Если выбрать формат, который браузер записать не может, инструмент честно скажет об этом, а не молча подсунет PNG.
Похожие инструменты