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

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

Уменьшите вес PNG-изображений для сайта: конвертируйте их в WebP прямо в браузере с сохранением прозрачности, со сжатием с потерями или без.

Перетащите изображения PNGPNG → WebP · другие форматы изображений тоже подходят · или нажмите, чтобы выбрать
Выбрать изображенияОбработка на вашем устройстве — файлы не покидают его
Конвертировать в
Работает в браузере · без загрузки на серверКак это работает

Как пользоваться: PNG в WebP

  1. 1

    Добавьте PNG-изображения

    Перетащите до 10 файлов PNG размером до 25 MB каждый: скриншоты, иллюстрации, предметы без фона или фотографии.

  2. 2

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

    По умолчанию выбран WebP с потерями и качеством 90. Включите «Без потерь» для логотипов, значков и всего, что должно остаться пиксель в пиксель.

  3. 3

    Сравните размеры

    На каждой карточке виден новый размер файла. Измените качество, и все изображения автоматически закодируются заново.

  4. 4

    Скачайте

    Сохраните файлы .webp по одному или архивом converted-webp.zip, готовые для вашего сайта.

Лимиты и Pro

До 10 файлов PNG за раз, до 25 MB каждый, кодирование в полном разрешении.

В Pro можно конвертировать до 500 файлов PNG за раз, каждый до 4 GB. Смотреть Pro

О инструменте «PNG в WebP»

PNG — надёжный формат для графики с прозрачностью, но файлы получаются большими. WebP сохраняет прозрачность и уменьшает размер, поэтому его обычно выбирают для изображений на современном сайте: его показывают все актуальные браузеры, включая Safari с 2020 года. Лёгкие изображения быстрее загружаются на телефонах и улучшают показатель Largest Contentful Paint, который учитывают поисковые системы.

Конвертировать можно двумя способами, и на этой странице доступны оба. WebP без потерь хранит точно те же пиксели, что и PNG, и по собственным измерениям Google обычно получается примерно на четверть меньше. Он подходит для логотипов, значков, элементов интерфейса и скриншотов с текстом, где каждый край должен оставаться чётким. WebP с потерями, который здесь выбран по умолчанию с качеством 90, сжимает как JPG, но сохраняет альфа-канал. Фото с прозрачным фоном или предмет без фона уменьшаются в разы, нередко до десятой части размера PNG, и при этом аккуратно ложатся на фон страницы любого цвета.

Ширина и высота остаются прежними, а прозрачность переносится в обоих режимах, в отличие от конвертации в JPG. Текстовые блоки и другие метаданные из PNG не копируются. Если вы будете редактировать изображение снова, храните PNG как исходник: WebP с потерями не стоит кодировать повторно, а некоторые программы для компьютера, почтовые клиенты и офисные приложения до сих пор не открывают WebP. Чтобы получить файлы ещё меньше, на сайтах, которые это допускают, попробуйте AVIF в поле «Конвертировать в».

Конфиденциальность

Браузер декодирует PNG, а libwebp, скомпилированная в WebAssembly, кодирует их в WebP в Web Worker прямо на этой вкладке. Ни одно изображение не покидает ваше устройство, а после закрытия страницы ничего не сохраняется.

Возможности

Прозрачность сохраняется

Альфа-канал остаётся и с потерями, и без.

Файлы меньше

Без потерь примерно на 25 % меньше, у фото с потерями — намного больше.

Режим «Без потерь»

Результат пиксель в пиксель для логотипов и значков.

Создан для сайтов

Поддерживается всеми актуальными браузерами.

PNG в WebP: частые вопросы

Сохраняет ли WebP прозрачный фон PNG?
Да, и в режиме с потерями, и без потерь. В WebP есть полноценный альфа-канал, поэтому мягкие тени, сглаженные края и прозрачные области выглядят так же, как в PNG. В карточках предпросмотра прозрачные участки показаны на шахматном фоне, так что перед скачиванием можно всё проверить. Прозрачность убирает только JPG, но эта страница его не создаёт, пока вы не смените формат.
Что выбрать: WebP без потерь или с потерями?
Без потерь — для графики с чёткими краями и малым числом цветов: логотипов, значков, схем и скриншотов с текстом. Они остаются идентичными пиксель в пиксель и всё равно становятся меньше. С потерями — для фото и иллюстраций с градиентами: при качестве 80–90 на глаз разницы нет, а файлы заметно легче. Попробуйте оба режима на одном изображении и сравните размеры на карточке.
Насколько WebP меньше PNG?
WebP без потерь обычно примерно на 25 % меньше оптимизированного PNG. Для WebP с потерями всё зависит от содержимого: фото, сохранённое как PNG, может уменьшиться на 80–95 %, а простая плоская графика — лишь немного. Новый размер появляется на каждой карточке сразу после конвертации, так что экономию для своих изображений вы увидите сами.
Поддерживают ли WebP все браузеры?
Да, все актуальные: Chrome, Edge, Firefox, Opera, Samsung Internet и Safari 14 и новее на macOS Big Sur и iOS 14. Не поддерживают его только очень старые системы. Вне браузера некоторые просмотрщики, почтовые клиенты и офисные программы всё ещё не открывают WebP, поэтому используйте его для сайтов, а для отправки файлов другим людям оставляйте PNG или JPG.
Можно ли потом вернуть WebP обратно в PNG?
Да, на странице «WebP в PNG». WebP без потерь превращается обратно в точно такие же исходные пиксели. WebP с потерями даёт PNG, который выглядит как этот WebP, уже без мелких деталей, убранных при сжатии. Поэтому сохраняйте исходные PNG, если вам могут понадобиться нетронутые версии.

Другие задачи с этим инструментом