Особенности конвертации PNG в WebP
Эта страница решает одну конкретную задачу: взять PNG‑файлы (с их точным попиксельным воспроизведением и полной альфа‑прозрачностью) и перевести их в WebP — формат, который при сжатии с потерями даёт выигрыш в размере 25–35% по сравнению с JPG аналогичного визуального качества. Принципиальное отличие от, скажем, конвертера JPG в WebP здесь в том, что PNG сам по себе является lossless‑форматом — пересохранить его без потерь нельзя, потому что потерь в оригинале нет. При преобразовании в lossy WebP вы необратимо отбрасываете часть информации. Исключение — установка качества 100%, но даже оно не делает WebP lossless: это всё ещё сжатие с потерями, просто порог квантования очень низкий.
Ползунок качества (от 40% до 100%) управляет степенью сжатия WebP — чем меньше значение, тем сильнее артефакты и меньше размер. Для фотографий, которые в PNG обычно хранятся неэффективно, разница с оригиналом часто оказывается огромной. Для простой графики или мелкого текста конвертированный WebP может не дать выигрыша — и тогда интерфейс покажет метку «Larger» вместо «Saved».
Обработка целиком выполняется в вашем браузере — ни один пиксель не покидает устройство. Это особенно важно, если изображения содержат конфиденциальные данные. Единственное ограничение — браузер должен уметь экспортировать WebP; если нет, страница автоматически переключится на PNG и явно сообщит об этом.
Как работает преобразование на этой странице
Вы выбираете один или несколько PNG‑файлов (максимальное количество на пакет — 20; при превышении появится сообщение «Выберите не более ‹max› изображений за раз»). Затем устанавливаете качество WebP в диапазоне от 40 до 100. После запуска для каждого изображения отображаются:
- имя выходного файла;
- размеры в пикселях;
- исходный и конвертированный размеры;
- метка «Saved» или «Larger»;
- кнопка загрузки отдельного WebP.
При наличии двух и более изображений появляется кнопка «Скачать всё (.zip)», позволяющая получить архив со всеми конвертированными файлами. Внизу сводка: «Итого: ‹исходный› → ‹конвертированный›».
Возможные ошибки:
| Ситуация | Сообщение |
|---|---|
| Файл повреждён, пуст или не является изображением | «Этот файл не удалось открыть как изображение. Возможно, он повреждён, пуст или не является изображением.» |
| Конвертация не удалась | «Не удалось выполнить конвертацию. Попробуйте другое изображение или формат.» |
| Браузер не умеет сохранять WebP | «Ваш браузер не поддерживает сохранение этого формата — использован PNG.» |
| Не выбран ни один файл | «Выберите хотя бы одно изображение.» |
| Перетащен неподдерживаемый тип (не PNG) | «Этот тип файлов не поддерживается.» |
| Часть файлов не обработалась | «‹count› файл(ов) не удалось обработать.» |
Разница между PNG и WebP: что теряется и что приобретается
PNG (Portable Network Graphics) — lossless, с полной 8‑битной альфа‑прозрачностью. Каждый пиксель восстанавливается точно. Этот формат идеален для скриншотов, логотипов, текста, схем — где недопустимы артефакты. Основной недостаток: размер файлов для фотографий может быть в 5–10 раз больше, чем у JPG с приемлемым качеством. PNG не имеет встроенного параметра качества — он всегда хранит данные без потерь.
WebP, в свою очередь, поддерживает два режима: lossy (с потерями) и lossless (без потерь). На этой странице используется только lossy, управляемый ползунком качества. При этом WebP умеет хранить альфа-канал (прозрачность) и анимацию. Для типичных фотографий разница в размере составляет 25–35% по сравнению с JPG того же субъективного качества, а для исходного PNG она может быть в разы больше.
Критический момент: если исходный PNG содержит острые грани (текст, линии, пиксельную графику), lossy WebP может внести размытие или шум, а файл — не уменьшиться или даже вырасти. Выгода достигается на непрерывных тонах — фотографиях, градиентах, заливках. Поэтому интерфейс сразу сообщает, сработало ли сжатие («Saved») или нет («Larger»).
Ползунок качества: как 40–100% влияют на результат
Значение 100% — не синоним lossless. Это наименьшие потери, которые допускает алгоритм WebP. Для глаз разница с оригиналом часто незаметна, но она существует; если вы точно не можете допустить ни малейшего изменения пикселей, оставайтесь в PNG. На практике 90–95% дают почти неотличимое от оригинала изображение при значительной экономии места.
Значение 80% — стандартный компромисс для веба: артефакты едва заметны при просмотре на экране, но размер уже ощутимо меньше. При 60% и ниже начинают появляться характерные блоковые шумы (особенно в градиентах), а текст может «плавать». 40% — минимальный порог, допустимый на этой странице; для большинства изображений это уже явно заметное ухудшение.
Практический совет: для веба начинайте с 85–90%. Если результат по размеру устраивает — отлично. Если необходимо сильнее уменьшить — снижайте, пока визуальное качество вас ещё устраивает. Если файл стал больше, чем исходный PNG, имеет смысл либо оставить PNG, либо увеличить качество, чтобы WebP не «пересчитывался» слишком грубо.
Поддержка WebP браузерами и совместимость
Все современные браузеры (Chrome, Firefox, Safari 14+, Edge, Opera, Brave) открывают WebP нативно. Для десктопных программ ситуация иная: классические приложения вроде Adobe Photoshop (до версии 23.2), Windows Photo Viewer, Preview (macOS) не всегда поддерживают WebP без дополнительных плагинов или обновлений. Если вы распространяете изображения для широкой аудитории, учитывайте, что получатели могут открыть файл только в браузере.
Именно поэтому на странице есть резервный механизм: если браузер пользователя не умеет сохранять WebP, результат выдаётся в PNG, а рядом показывается пояснение. Это не влияет на загрузку в ZIP, но означает, что вы можете получить на выходе не тот формат, который ожидали. Проверить поддержку просто: попробуйте конвертировать одно изображение — если вместо WebP отображается PNG, значит, ваш браузер не экспортирует WebP.
Когда стоит оставить PNG вместо конвертации в WebP
- Медицинские снимки, рентгенограммы, сканы документов — любое сжатие с потерями может уничтожить мелкие детали, важные для диагностики или юридической значимости.
- Архивное хранение — если оригинал может понадобиться для дальнейшей обработки (например, многократного редактирования), lossless PNG гарантирует, что пересохранение не накопит артефакты. WebP с потерями после каждого пересохранения будет ухудшать качество.
- Пиксельная графика, иконки с резкими краями — lossy WebP может сгладить углы и добавить ореолы, которые в исходном PNG отсутствуют.
- Когда размер WebP оказывается больше исходного PNG — это обычное дело для маленьких изображений или графики с большими одноцветными областями. Метка «Larger» в результатах — прямое указание, что конвертация невыгодна.
- Необходимость полной прозрачности без артефактов — хотя WebP поддерживает альфа-канал, при низком качестве границы прозрачности тоже могут пострадать.
Пакетная обработка и сравнение размеров
При конвертации нескольких файлов сразу на странице показывается индивидуальная статистика: для каждого — оригинальный и конвертированный размер, а также оценка «Saved» или «Larger». Сводная строка «Итого: ‹общий оригинал› → ‹общий конвертированный›» позволяет быстро оценить общий эффект. Если в пакете часть файлов не удалось обработать, появится сообщение о количестве сбойных.
Кнопка «Скачать всё (.zip)» доступна только при наличии двух или более удачно конвертированных изображений. ZIP упаковывает все WebP (или PNG, если браузер не поддерживает WebP). Этого достаточно, чтобы загрузить архив на хостинг или передать коллегам. Если нужно получить отдельные файлы, каждый можно скачать по кнопке «Download».
Часто задаваемые вопросы
Почему конвертированный WebP иногда оказывается больше исходного PNG? Lossy WebP выгоден для изображений с плавными переходами (фотографий), но плохо сжимает резкие границы, текст и одноцветные области. Для маленьких файлов служебные заголовки WebP могут перевесить экономию. Если размер вырос, лучше оставить PNG.
Влияет ли прозрачность (альфа-канал) на размер WebP? Да. WebP сохраняет 8‑битную альфа-прозрачность, но её кодирование может увеличить файл по сравнению с непрозрачным изображением. В типичных случаях выигрыш всё равно есть, но для сложных полупрозрачных областей результат нужно проверять индивидуально.
Можно ли конвертировать анимированные PNG (APNG) в WebP? Нет. Данная страница принимает только статические PNG. APNG может быть не распознан как корректное изображение — тогда вы получите сообщение об ошибке открытия.
Почему страница не даёт значения качества ниже 40%? Формат WebP может работать с качеством 1–100, но значения ниже 40% дают настолько сильные артефакты, что большинство пользователей сочтут результат неприемлемым. Диапазон 40–100 покрывает все разумные компромиссы между качеством и размером.
Что делать, если браузер выводит «Ваш браузер не поддерживает сохранение этого формата — использован PNG»? Обновите браузер до последней версии. Если обновление невозможно (например, на очень старом устройстве), используйте другой браузер. При загрузке архива вы всё равно получите файлы в PNG, хотя интерфейс показывал конвертацию в WebP.
Сколько изображений можно конвертировать за раз? Вы можете выбрать до 20 изображений за раз. При попытке выбрать больше появится сообщение «Выберите не более ‹max› изображений за раз». Если вам нужно обработать больше, разбейте пакет на несколько групп.