Перейти к содержимому

Конвертировать PNG в WebP

Самый крупный и простой выигрыш в скорости страницы: WebP сохраняет прозрачность и чёткость вашего PNG при доле его размера, а файлы не сохраняются.

  • Не сохраняется
  • Без очереди и ожидания
  • Без регистрации и водяных знаков

Как это работает

1

Добавьте файлы PNG

Перетащите на страницу сколько угодно файлов .png.

2

Выберите качество

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

3

Скачайте

Сохраните файлы по одному или все в ZIP.

Два WebP — и какой из них вы получите

WebP — это на самом деле два формата с одним расширением. WebP без потерь использует совсем другой алгоритм, чем PNG, и обычно обходит его на двадцать–тридцать процентов при тех же пикселях. WebP с потерями выбрасывает информацию, как JPEG, включая субдискретизацию цвета, при которой цвет хранится с половинным разрешением. Оба поддерживают полную 8-битную прозрачность — именно в этом WebP превосходит JPEG, и только поэтому он вообще может заменить PNG.

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

У формата есть жёсткий предел, которого нет у PNG: 16 383 пикселя по любой стороне. Для фотографий этого с запасом, а вот для склеенной панорамы, скриншота длинной веб-страницы целиком или отсканированной карты — действительно мало: такие изображения не закодируются вовсе, при любом качестве. Прозрачность сохраняется в любом случае.

Поддержка больше не повод сомневаться. Все современные браузеры читают WebP, и уже много лет. А вот чего до сих пор нет в надёжном виде — так это длинного хвоста всего остального: старых почтовых клиентов, некоторых программ просмотра изображений, удивительно большого количества корпоративного софта и допечатных процессов. Для веб-страницы WebP просто лучше; для файла, который вы отправляете человеку, надёжным выбором остаются PNG или JPG.

Если нужно другое

Утилита cwebp от самой Google даёт то, чего не может canvas. cwebp -lossless -z 9 in.png -o out.webp выжимает максимум из режима без потерь, -near_lossless 60 жертвует малой долей точности ради большой экономии на фотографиях, а -q 80 — разумное значение по умолчанию для сжатия с потерями. Ещё она позволяет сжимать альфа-канал отдельно, чего браузерный кодировщик никогда не предлагает.

Прежде чем конвертировать, подумайте, не в самом ли PNG проблема. oxipng -o 4 или pngquant часто уменьшают файл вдвое без смены формата и без всяких вопросов совместимости — а если на картинке фотография, а не графика, ей, скорее всего, с самого начала следовало быть JPG.

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

Насколько уменьшатся мои изображения?

Скриншоты и элементы интерфейса обычно уменьшаются на 60–90%. Для каждого файла показан размер до и после, так что гадать не придётся.

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

Да — WebP, в отличие от JPG, полностью поддерживает альфа-канал. Логотипы и вырезанные объекты остаются чистыми.

Все ли браузеры поддерживают WebP?

Все браузеры, выпущенные с 2020 года, — Chrome, Safari, Firefox, Edge — показывают WebP без дополнений. Трудности бывают только у по-настоящему древних программ.

С потерями или без?

На 100% ползунок качества переключает на WebP без потерь: пиксели те же, а файл всё равно меньше PNG. Всё, что ниже, — с потерями, и именно там экономия впечатляет.

Хранятся ли где-нибудь мои файлы?

Нет — при конвертации ничего не сохраняется.

Полезно знать: Анимация не создаётся — конвертируются только статичные изображения.

Разместите этот инструмент на своём сайте

Бесплатно для любого блога, страницы класса или справочной статьи. Вставьте один фрагмент кода — и посетители смогут пользоваться инструментом прямо на вашей странице.