Конвертер PNG в WEBP
Файлы конвертируются на вашем устройстве и никуда не загружаются.
или перетащите сюда, или вставьте через Ctrl+V / ⌘V
.png
- Файлы остаются у вас
- Пакетно + ZIP
- Без регистрации и лимитов
Конвертер работает в браузере и требует JavaScript. Включите его, чтобы конвертировать; ниже по шагам описано, как всё устроено.
Настройки
Превратите тяжёлые PNG в компактные WEBP для сайтов и приложений — вместе с прозрачностью.
Эта страница для тех, кто делает или ведёт сайты, интернет-магазины и приложения. PNG — часто самое тяжёлое на веб-странице, и обычное лекарство — WEBP: его показывают все современные браузеры, он поддерживает прозрачность, как PNG, а фото и снимки товаров в нём весят в разы меньше. Переведите здесь целую папку экспортированной графики или скриншотов, ничего никуда не загружая, и замените ими картинки на сайте.
Как конвертировать PNG в WEBP
- Перетащите PNG: фото товаров, баннеры, скриншоты или иконки.
- Для фото оставьте качество 85; для скриншотов с мелким текстом попробуйте 90–95. Если исходники больше, чем их когда-либо покажут, задайте «Макс. ширина / высота», например 1920 пикс.
- Нажмите «Конвертировать» и скачайте WEBP по одному или одним ZIP.
Что будет с качеством, размером и метаданными
Здесь используется WEBP с потерями: часть незаметных деталей отбрасывается ради гораздо меньшего файла. При качестве 85 по умолчанию фото выглядят так же, как в PNG; на плоской графике вдоль резких цветных границ может появиться лёгкая мягкость — её убирает качество повыше. Прозрачность сохраняется, включая мягкие тени и сглаженные края.
Данные камеры из исходного PNG не переносятся: в WEBP с этой страницы нет EXIF. Сильнее всего выигрывают PNG, похожие на фотографии, меньше всего — простые иконки, которые и так весили крохи.
- Тестовые файлы
- 30
- Средний исходный
- 14,7 МБ
- Средний результат
- 1,2 МБ
- Изменение размера
- на 92% меньше
- Время на файл
- 897 ms
PNG или WEBP
| Полное название | PNG | WEBP |
|---|---|---|
| Полное название | Portable Network Graphics | WebP |
| Появился | 1996 | 2010 |
| Стандарт | W3C · ISO/IEC 15948 | Google · RFC 9649 |
| Сжатие | Без потерь | С потерями или без |
| Прозрачность | Да | Да |
| Анимация | Да | Да |
| Макс. размер | 2,147,483,647 × 2,147,483,647 px | 16,383 × 16,383 px |
| Chrome / Edge | Да | Да |
| Safari | Да | Да |
| Firefox | Да | Да |
| Windows | Да | Да |
| iPhone / iPad | Да | Да |
| Android | Да | Да |
| Где используется | Скриншоты, логотипы, иконки, схемы и любые картинки с прозрачным фоном. | Картинки на сайтах и в приложениях, где лёгкие файлы ускоряют загрузку страниц. |
PNG PNG — формат изображений без потерь, опубликованный W3C в 1996 году, а позже ставший стандартом ISO/IEC 15948. Каждый пиксель сохраняется точно, есть полная прозрачность, поэтому PNG идеален для скриншотов, логотипов и текста. Фото в PNG обычно в несколько раз тяжелее, чем в JPG.
WEBP WebP — формат изображений, который Google выпустила в 2010 году; он описан в RFC 9649. Есть режимы с потерями и без, прозрачность и анимация, а файлы обычно на 25–35 % меньше JPG или PNG при похожем качестве. Сайты используют его повсюду, но часть программ для компьютера и форм загрузки его до сих пор не принимает.
Источники таблицы
- www.w3.org/TR/png-3/
- www.iso.org/standard/29581.html
- caniuse.com/apng
- developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types
- developer.android.com/media/platform/supported-formats
- www.rfc-editor.org/rfc/rfc9649
- developers.google.com/speed/webp/faq
- caniuse.com/webp
Данные о поддержке браузерами: caniuse.com, CC BY 4.0.
Без этого сайта
Windows и macOS умеют открывать WEBP, но встроенного способа сохранить в него нет: в Paint и «Просмотре» среди форматов экспорта WEBP не значится. Это умеют графические редакторы и утилиты командной строки, а большинство конструкторов сайтов и CMS сами переводят загруженные картинки в WEBP на своих серверах. Если WEBP-файлы нужны вам на руках, страница в браузере — самый быстрый путь без установки программ.
Если что-то не так
- Очень старые программы. Некоторые старые настольные приложения и почтовые клиенты не показывают WEBP. Для них держите копии в PNG или JPG.
- Крошечные иконки потяжелели. Иконка на 2 КБ может и не уменьшиться. Оставьте такие файлы в PNG или используйте SVG.
- Края текста мягкие. Для скриншотов и элементов интерфейса поднимите качество до 90–95.
- Safari. Сам Safari записывать WEBP не умеет, поэтому в нём мы один раз подгружаем небольшой кодировщик; дальше всё работает так же.
Вопросы и ответы
Насколько WEBP меньше PNG?
Для фото и снимков товаров, сохранённых в PNG, WEBP с потерями обычно в разы меньше; цифры для типичного набора — в таблице замеров выше. У логотипов и иконок с небольшим числом цветов выигрыш скромный, а иногда его нет вовсе. Чем больше и «фотографичнее» PNG, тем больше экономия.
Поддерживает ли WEBP прозрачность?
Да. У WEBP полноценный альфа-канал, так что прозрачный фон, мягкие тени и сглаженные края переходят ровно так же, как были в PNG. Это главная причина выбрать для логотипов и вырезанных товаров на сайте WEBP, а не JPG: у JPG прозрачности нет, и фон пришлось бы залить цветом.
Все ли браузеры поддерживают WEBP?
Все актуальные крупные браузеры — да: Chrome, Edge, Firefox, Opera и Safari (с Safari 14 на macOS Big Sur и iOS 14). Для публичного сайта это практически все посетители. Если нужно поддерживать совсем старые системы, отдавайте запасной PNG или JPG через элемент picture.
Стоит ли переводить все картинки сайта в WEBP?
Фото, баннеры и изображения товаров — почти всегда: грузятся быстрее, выглядят так же. Простые логотипы лучше держать в SVG, а крошечные иконки могут ничего не выиграть. Сохраните исходные PNG как мастер-копии: WEBP с качеством 85 сжат с потерями, и пересжимать его снова и снова не стоит.