Конвертировать PNG в WebP
Самый крупный и простой выигрыш в скорости страницы: WebP сохраняет прозрачность и чёткость вашего PNG при доле его размера, а файлы не сохраняются.
- Не сохраняется
- Без очереди и ожидания
- Без регистрации и водяных знаков
Как это работает
Добавьте файлы PNG
Перетащите на страницу сколько угодно файлов .png.
Выберите качество
Ползунок уравновешивает размер и точность; новый размер каждого файла показывается сразу.
Скачайте
Сохраните файлы по одному или все в 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. Всё, что ниже, — с потерями, и именно там экономия впечатляет.
Хранятся ли где-нибудь мои файлы?
Нет — при конвертации ничего не сохраняется.
Полезно знать: Анимация не создаётся — конвертируются только статичные изображения.
Разместите этот инструмент на своём сайте
Бесплатно для любого блога, страницы класса или справочной статьи. Вставьте один фрагмент кода — и посетители смогут пользоваться инструментом прямо на вашей странице.