Как конвертировать PNG в WebP
- Выберите файлы PNG или перетащите их на страницу.
- Задайте качество — для большей части графики и скриншотов подходит 80–90 % — и при желании максимальную ширину и высоту.
- Скачайте файлы WebP по одному или все вместе в архиве ZIP.
WebP без потерь и с потерями
У WebP два режима, и оба поддерживают прозрачность:
| Режим | Работает как | По сравнению с PNG |
|---|---|---|
| WebP без потерь | PNG — каждый пиксель сохраняется точно | Примерно на 26 % меньше |
| WebP с потерями и прозрачностью | JPG, но с альфа-каналом | Часто примерно в 3 раза меньше |
Данные взяты из документации Google по WebP. Этот конвертер создаёт WebP с потерями с выбранным вами качеством — именно этот режим умеют записывать браузеры. При качестве 90 % и выше большая часть графики визуально не отличается от оригинала. Если нужна попиксельная точность, оставьте PNG.
Советы для веб-графики
- Уменьшайте до отображаемого размера — примерно вдвое больше ширины на странице, чтобы картинка была чёткой на экранах с высоким разрешением.
- Скриншоты с текстом: используйте 90 % и выше, чтобы буквы оставались чёткими.
- Логотипы и иконки с небольшим количеством цветов часто меньше всего весят в SVG, если у вас есть векторный файл.
- Сохраняйте оригиналы PNG для будущих правок, а на сайте используйте файлы WebP.
Часто задаваемые вопросы
Сохраняется ли прозрачность при конвертации PNG в WebP?
Да. Прозрачные и полупрозрачные области сохраняются в файле WebP.
Файл WebP получается без потерь?
Нет. Браузеры создают WebP с потерями с выбранным качеством. При 90–100 % разница с PNG обычно незаметна, а файл всё равно намного меньше.
Какие браузеры показывают WebP?
Все современные: Chrome, Edge, Firefox и Safari 14 и новее. Для создания WebP здесь нужен Chrome, Edge или Firefox — старые версии Safari не умеют записывать этот формат.
Загружаются ли мои файлы на сервер?
Нет. Изображения конвертируются в браузере и никогда не покидают ваше устройство.