IT Market
Инструменты/Изображения/WebP в PNG онлайн — конвертер с прозрачностью
READY > SYSTEM READY
WEBP
PNG

ЗАГРУЗИТЬ
ФАЙЛ

Ожидание файла...

Превью

Коротко об инструменте

WebP в PNG онлайн — конвертер с прозрачностью

PNG нужен там, где важна прозрачность и чёткая графика: иконки в Figma, логотипы поверх цветной подложки, скриншоты интерфейса в презентации, картинки для программ, которые про WebP ещё не слышали. Инструмент принимает файл .webp, декодирует его силами браузера и пересобирает в PNG с сохранением альфа-канала — вырезанный объект останется без фона. Кодирование PNG идёт без потерь, так что новых артефактов поверх исходного изображения не появится.

Как пользоваться

  1. Откройте блок «ЗАГРУЗИТЬ ФАЙЛ» и выберите исходник — поле фильтрует диалог по image/webp, поэтому подсунуть JPEG случайно не получится.
  2. Проверьте превью: инструмент показывает декодированное изображение и его размеры в пикселях до экспорта.
  3. Убедитесь, что прозрачные области выглядят прозрачными, а не белыми — именно они попадут в альфа-канал PNG.
  4. Нажмите «СКАЧАТЬ», чтобы записать PNG без потерь и сохранить его в загрузки.
  5. «СБРОСИТЬ» сбрасывает загруженную картинку, когда нужно обработать следующий файл.

Вопросы и ответы

Сохранится ли прозрачный фон при переводе WebP в PNG?

Да, и это главная причина выбирать именно PNG. Оба формата поддерживают альфа-канал, поэтому прозрачные пиксели переносятся как есть: вырезанный логотип останется без подложки. Если тот же файл прогнать в JPG, прозрачность исчезнет и превратится в белую заливку, потому что альфа-канала в JPEG нет.

PNG получился тяжелее исходного WebP — это ошибка?

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

Ухудшится ли качество изображения?

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

Инструмент не принимает мой файл, что делать?

Поле загрузки отфильтровано по image/webp, поэтому файл с другим расширением в диалоге не выберется. Иногда картинка сохраняется как .jpg, а внутри лежит WebP, или наоборот. Проверьте реальный формат детектором форматов и возьмите подходящий конвертер. Ещё одна частая причина — недокачанный или повреждённый файл: браузер такой просто не декодирует.

Можно ли конвертировать несколько WebP сразу?

Нет, страница обрабатывает по одному файлу за раз: поле загрузки не помечено как multiple. Для пачки картинок повторите цикл — выбрали файл, нажали «СКАЧАТЬ», нажали «СБРОСИТЬ». На десятке файлов это быстро, для сотен изображений разумнее локальный пакетный конвертер.

Где обрабатывается изображение и видит ли его кто-то ещё?

Вся работа идёт внутри вкладки: файл открывается через файловый API браузера, рисуется на canvas и оттуда выгружается в PNG. На сервер IT Market картинка не отправляется, и никакой её копии на стороне сайта не остаётся. Можно отключить сеть после загрузки страницы и убедиться, что конвертация продолжает работать.

Зачем переводить WebP в PNG, если браузеры и так открывают WebP?

Браузеры — да, а вот дальше начинаются исключения: часть офисных пакетов, старые сборки Photoshop, принтеры, некоторые CMS и формы загрузки документов WebP не принимают. PNG понимают практически везде и уже больше двадцати лет, поэтому его удобно держать как универсальный формат для передачи графики.

Примеры

Иконка из веб-макета переносится в Figma
До: icon-32.webp — 4 KB, 32×32, альфа-канал по краям скруглённого квадрата.
После: icon-32.png — 32×32, прозрачные углы на месте. Вес около 2-3 KB: на мелкой плоской графике PNG нередко выигрывает у WebP.
Скриншот интерфейса для слайда
До: dashboard.webp, 1920×1080, снят расширением браузера. PowerPoint формат не вставляет.
После: dashboard.png, 1920×1080, без повторного сжатия: текст в интерфейсе остаётся резким, файл вставляется в слайд обычным перетаскиванием.
Товарное фото на прозрачном фоне
До: product.webp с вырезанным объектом и прозрачной подложкой из карточки маркетплейса.
После: product.png: объект без фона, готов лечь на любой цвет баннера. При переводе в JPG на этом же наборе фон стал бы белым.