WebP в PNG v1.0

Конвертер WebP в PNG превращает изображение формата WebP в обычный PNG прямо в окне браузера, не отправляя файл на сервер. Он нужен там, где WebP просто не открывается: в старом редакторе, в презентации, в форме загрузки карточки товара или в документе для печати. Инструмент DocPivot переносит пиксели без единого изменения, включая цвет под полупрозрачными областями, и обрабатывает до 30 файлов за один проход. Готовый PNG весит больше исходника, и у этого есть техническая причина, которую разбираем ниже.

Обзор конвертера WebP в PNG от DocPivot

Основная функциональность

Конвертер читает пиксели WebP напрямую и записывает из них PNG с восьмибитным альфа-каналом, минуя обычный холст браузера. Декодирование идёт через createImageBitmap с отключённым перемножением альфы, чтение выполняет WebGL2, а сжатие берёт на себя CompressionStream и собранный в WebAssembly оптимизатор oxipng. Такой маршрут даёт файл, где каждый пиксель совпадает с исходным. Если нужен не PNG, а другой контейнер, задачу закроет универсальный конвертер картинок.

Кому подходит инструмент

Чаще всего конвертацию запрашивают дизайнеры, продавцы на маркетплейсах и сотрудники, которым прислали WebP вместо привычного файла. Дизайнеру нужна прозрачность в макете, продавцу нужен формат, который принимает форма загрузки, бухгалтеру нужна картинка, которая вставится в отчёт. Отдельная категория: разработчики, которым нужен эталонный PNG для сравнения качества сжатия.

Проблема и решение

Главная проблема конвертации WebP в PNG не в скорости, а в том, что стандартный путь через холст незаметно портит цвет под полупрозрачными пикселями. Изображение выглядит правильным, но данные под альфа-каналом уже искажены, и PNG вынужден хранить этот шум. Прямое чтение пикселей убирает искажение и заодно уменьшает вес: на тестовой прозрачной картинке 900×900 получилось 87 875 байт против 221 253 байт у прежней сборки.

Основные преимущества конвертера WebP в PNG

• Точное совпадение пикселей. Выходной PNG содержит ровно те значения, что лежали в исходном WebP, поэтому обратная конвертация не накапливает деградацию.
• Цвет под прозрачностью сохраняется. Полупрозрачные края логотипов и теней не превращаются в грязную кайму при последующем редактировании.
• Файл меньше, чем у платных сервисов. На той же тестовой картинке результат оказался примерно на 21% легче, чем у CloudConvert, при одинаковой точности пикселей.
• Ничего не уходит на сервер. Обработка идёт локально, поэтому картинка с персональными данными или неопубликованным макетом не покидает устройство.
• Пакет до 30 файлов. Один проход закрывает целую подборку изображений, результат приходит архивом.
• Нет суточного лимита и регистрации. Количество конвертаций не ограничено, аккаунт не требуется.
• Честный отчёт по каждому файлу. Карточка результата показывает размеры, вес и предупреждает, если анимация была сведена к одному кадру.
• Совместимость с рабочими цепочками. После конвертации файл готов к дальнейшей обработке, например к сжатию изображений перед публикацией или к сохранению снимка без прозрачности, если альфа-канал не нужен.

Ключевые функции конвертера

• Декодирование без перемножения альфы. Пиксели читаются в исходном виде, без операции округления, которая квантует плавные градиенты в заметный шум.
• Ручная сборка PNG. Заголовок IHDR пишется напрямую, восемь бит на канал, тип цвета 6, один блок IDAT.
• Оптимизация через oxipng. Фильтры строк подбираются заново, поток сжимается повторно, содержимое при этом не меняется.
• Адаптивная глубина оптимизации. Прозрачная графика никогда не уходит на самый дешёвый уровень: там она теряет 28% выигрыша против 13% у фотографии.
• Отдельный маршрут для непрозрачных картинок. Фотография без альфа-канала обрабатывается обычным путём, потому что трюк с прямым чтением ей не помогает, а вредит.
• Пакетная обработка. До 30 изображений за раз, одиночный файл сохраняет имя, подборка приходит архивом.
• Ограничение размера только в сторону уменьшения. Кадр не растягивается: увеличение размеров превратило бы конвертацию в интерполяцию, а для этого есть изменение размеров картинки.
• Обработка анимированного WebP. Берётся первый кадр, и результат прямо сообщает об этом, а не выдаёт усечённый файл молча.
• Приведение цвета к sRGB. Профиль применяется к пикселям на лету, встроенный ICC в выходной файл не пишется.
• Резервный путь без WebGL2. В старом браузере конвертация всё равно проходит, просто через обычный холст и с большим весом файла.
• Соседние операции над тем же файлом. Если помимо смены формата нужна кадрировка, поможет обрезка изображения, а для веб-версии картинки иногда достаточно перевода исходника в формат с потерями.

Как работает конвертация WebP в PNG

1. Загрузка файлов. Перетащите один WebP или подборку до 30 штук в рабочую область, DocPivot сразу считывает их локально.
2. Чтение пикселей. Изображение декодируется без перемножения альфы и выгружается в текстуру WebGL2, откуда данные снимаются обратно в исходном виде.
3. Сборка PNG. Из полученного массива собирается PNG с полным альфа-каналом, поток сжимается штатным механизмом браузера.
4. Оптимизация контейнера. Оптимизатор перебирает фильтры строк и пересжимает данные, не трогая сами пиксели.
5. Проверка и выдача. Карточка показывает размеры и вес, сообщает о сведённой анимации, после чего файл скачивается. При необходимости следующим шагом идёт поворот изображения или другая правка.

Когда использовать конвертацию WebP в PNG

Конвертация оправдана в двух случаях: когда принимающая система не понимает WebP и когда нужна гарантия, что прозрачность переживёт дальнейшую обработку. Во всех остальных ситуациях WebP выгоднее оставить как есть, потому что он легче. Ниже конкретные сценарии, где перевод в PNG действительно решает задачу.

• Загрузка карточек на маркетплейс. Формы загрузки у крупных площадок традиционно ориентированы на JPG и PNG, и WebP там регулярно отклоняется.
• Работа в старом редакторе. Версии графических пакетов и офисных программ прошлых лет не открывают WebP без плагина.
• Вставка в документ или презентацию. PNG предсказуемо ведёт себя при печати и при выгрузке в другие форматы.
• Передача логотипа подрядчику. Прозрачный PNG понимает любой исполнитель, вопросов о поддержке формата не возникает.
• Подготовка исходников для интерфейса. Иконки и элементы UI удобнее хранить в PNG, а для набора размеров пригодится генератор иконок сайта.
• Сборка визуальных подборок. Несколько изображений в одном формате проще свести в сборку коллажа без сюрпризов с прозрачностью.
• Отправка через мессенджер или почту. Получатель гарантированно откроет вложение, не уточняя, чем смотреть файл.
• Архивное хранение макета. PNG остаётся читаемым десятилетиями и не зависит от поддержки относительно нового кодека.

Не стоит конвертировать WebP в PNG ради экономии места или ради улучшения качества: ни того, ни другого не произойдёт. Формат назначения не восстанавливает детали, выброшенные при сжатии исходника.

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

Карточка товара для маркетплейса

Контекст: селлер получил от фотографа архив в WebP, а форма загрузки принимает не все форматы.

• Подборка из 25 файлов конвертируется одним проходом.
• Прозрачный фон на предметной съёмке остаётся чистым.
• При необходимости добавляется наложение водяного знака.

Результат: карточки уходят на модерацию без переделки съёмки и без обращения к фотографу.

Логотип для типографии

Контекст: подрядчик просит исходник с прозрачностью, а в наличии только веб-версия в WebP.

• Конвертация сохраняет цвет под полупрозрачными краями.
• Печатник получает файл, который открывается в его программе.
• Ореол вокруг букв не появляется при подложке другого цвета.

Результат: макет уходит в работу с первого раза, без правок из-за грязной кромки.

Иллюстрации для внутреннего отчёта

Контекст: скриншоты и графики выгружены сайтом в WebP, а отчёт собирается в офисном пакете.

• Файлы переводятся в PNG пакетом, имена сохраняются.
• Часть иллюстраций дополнительно уходит на перевод в оттенки серого для чёрно-белой печати.
• Вставка в документ проходит без предупреждений о неизвестном формате.

Результат: отчёт собирается за один вечер, вёрстка не ломается при экспорте.

Подготовка графики для приложения

Контекст: разработчику нужен эталонный PNG, чтобы честно сравнить варианты сжатия.

• Пиксели на выходе совпадают с исходником побайтно.
• Альфа-канал не искажён операцией перемножения.
• Сравнение размеров ведётся на одинаковой базе.

Результат: замеры сжатия отражают работу кодека, а не побочный эффект конвертера.

Почему PNG получается тяжелее исходного WebP

PNG почти всегда весит больше WebP, и это нормальное поведение, а не сбой конвертера. На замерах файл в 25 КБ превратился в 86 КБ, потому что WebP уже выбросил часть информации при сжатии с потерями, а PNG обязан сохранить каждый пиксель без исключений. Рост в три или четыре раза для прозрачной графики встречается постоянно.

Что определяет вес результата:

• Наличие альфа-канала: прозрачность добавляет четвёртый канал к каждому пикселю.
• Тип содержимого: плоская графика сжимается лучше фотографии с шумом.
• Качество исходного сжатия: агрессивно ужатый WebP даёт неровные данные, которые PNG хранит целиком.

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

Где обычные конвертеры теряют качество полупрозрачных пикселей

Стандартный путь через холст пропускает каждый полупрозрачный пиксель через округление вида round(c×a/255) и обратно, из-за чего плавные градиенты рассыпаются в шум. Визуально разница почти незаметна, но PNG вынужден кодировать эту неровность, и файл раздувается. По замерам разница между маршрутами оказалась двукратной: 87 875 байт против 221 253 байт на одном и том же изображении 900×900.

Отдельный момент: часть русскоязычных сервисов утверждает, что WebP вообще не поддерживает прозрачность. Это неверно. WebP несёт полноценный восьмибитный альфа-канал, поэтому конвертация в PNG нужна ради совместимости, а не ради появления прозрачности. Проверить утверждения конкурентов на конкретных цифрах стоит заново примерно к февралю 2027 года, поскольку и лимиты, и алгоритмы сервисов меняются.

Конвертация и требования российских площадок

Локальная обработка снимает большую часть вопросов о персональных данных при работе с изображениями. Если на снимке видны документы, лица сотрудников или внутренние интерфейсы, отправка файла на чужой сервер создаёт передачу данных третьему лицу, а это уже зона внимания 152-ФЗ и Роскомнадзора. Конвертация в браузере такой передачи не создаёт вовсе.

Второй практический момент касается метаданных. Конвертер не переносит EXIF в выходной PNG, поэтому геометки и модель камеры в результат не попадают. Если нужно проверить, что было в исходнике, пригодится просмотр съёмочных данных, а для очистки самих исходников подойдёт удаление метаданных из снимка. Требования Wildberries, Ozon и Авито к размерам и форматам изображений периодически обновляются, поэтому перед массовой заливкой сверяйтесь с актуальной справкой площадки.

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