Короткий ответ

Фотографии и сложная графика могут стать заметно меньше в WebP, а простые значки — почти не измениться. Сохраните оригинал и сравните в реальном размере.

Открыть инструменты

PNG → WebP

Открыть инструмент

PNG и WebP хранят данные по-разному

PNG удобен для сжатия без потерь, WebP поддерживает режимы с потерями и без. Цвета, прозрачность и шум влияют на размер.

Когда экономия больше

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

Как сохранить качество

Начните со 100%, проверьте текст, тонкие линии и полупрозрачные края в реальном размере, затем снижайте качество постепенно.

Последняя проверка перед скачиванием или публикацией

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

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

  • Хранить исходный файл отдельно
  • Открыть результат в нужных браузерах и приложениях
  • Сравнить качество в реальном размере отображения
  • Проверить видимое содержимое и метаданные перед отправкой

Сохраните проверенный результат под отличающимся именем, чтобы случайно не перезаписать оригинал.

Главное

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

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

Сохранится ли прозрачность?

Да, WebP поддерживает альфа-канал.

100% полностью совпадает с PNG?

Не всегда; сохраните оригинал и сравните.

WebP всегда меньше?

Нет, простая графика может быть меньше в PNG.

Источники

  1. Google for Developers — An image format for the Web
  2. MDN Web Docs — Image file type and format guide