Конвертируйте изображения PNG в WebP в браузере через Canvas API. PNG без потерь и часто больше WebP для фото или контента с градиентами; перекодирование в WebP с настраиваемым качеством может уменьшить размер для веба.
Как это работает
Инструмент читает локальный .png через FileReader, декодирует в HTMLImageElement, рисует пиксели на off-screen canvas и экспортирует через canvas.toDataURL('image/webp', quality). Alpha-прозрачность композитится на непрозрачный фон при отрисовке—типичное поведение браузера при сплющивании PNG в WebP.
Когда использовать
- Сжимать UI-скриншоты или иконки для более быстрой загрузки страниц
- Предпросматривать настройки качества WebP перед пакетной конвертацией
- Конвертировать один ассет, когда нет десктопных инструментов
Ограничения
Lossless-прозрачность PNG и цветовые профили не сохраняются. Анимированный PNG (APNG) не поддерживается. Очень большие изображения могут упереться в лимиты памяти. Качество энкодера зависит от встроенной поддержки WebP в браузере.
Пример
Например, введите значения образца по умолчанию в форме и сравните вывод с известным эталоном; меняйте по одному входу за раз, чтобы увидеть, как меняется результат.