Экономия зависит от картинки
PNG сжимает, находя повторы: с плоским цветом это работает отлично, с фотографиями — плохо. Поэтому одна и та же конвертация даёт очень разные результаты:
| Что внутри PNG | Типичная экономия | | --- | --- | | Фотография | 60–80% | | Скриншот с текстом | 30–50% | | Плоский логотип или иконка | 10–25% | | И так крохотный спрайт | почти ничего |
Если экономия разочаровала, обычно это значит, что PNG хорошо подходил под своё содержимое, — хороший результат, а не провал.
Прозрачность уцелеет
Это и есть причина конвертировать в WebP, а не в JPG. У JPG альфа-канала нет вовсе, поэтому прозрачный PNG при переводе в JPG получает сплошной фон. WebP сохраняет прозрачность точно.
С потерями или без
WebP умеет и так и так, и эта страница даёт выбрать. При качестве 100 результат получается без потерь: пиксели идентичны PNG, изменилась только упаковка. Ниже WebP начинает отбрасывать детали — для фотографии это обычно верный размен, для иконки с резкими краями неверный.
Вопросы
Сохраняется ли прозрачность?+
Да. У WebP есть полноценный альфа-канал, поэтому прозрачный PNG конвертируется без подстановки фона. Это и есть главная причина выбирать WebP, а не JPG, для логотипов и элементов интерфейса.
Насколько уменьшится файл?+
Зависит целиком от содержимого PNG. Фотография, сохранённая в PNG, часто худеет на 60–80% — просто потому, что PNG изначально неподходящий формат для фотографий. Плоский логотип может ужаться всего на 10–20%: с такими картинками PNG и так справляется хорошо.
Теряется ли что-нибудь?+
Только если выбрать качество ниже 100. WebP умеет работать без потерь — тогда пиксели идентичны, а файл просто меньше. Ползунок качества на этой странице этим и управляет: на 100 конвертация точная.