Как конвертировать PNG в WebP
- Перетащите одно или несколько изображений
.pngв область загрузки. - Выберите Качество. Для большей части графики хорошо подходит 80; для детальных иллюстраций или мелкого текста увеличьте значение.
- Нажмите Конвертировать в WebP и скачайте результаты. Прозрачный фон сохраняется.
Изображения обрабатываются локально в вашем браузере и никогда не загружаются на сервер.
Зачем заменять PNG на WebP на сайте?
PNG сжимает без потерь и поддерживает прозрачность, поэтому он стал стандартным форматом для логотипов, значков, иллюстраций, скриншотов и фото товаров с вырезанным фоном. Его слабое место — размер: PNG-файлы с детальной графикой и фотографиями бывают очень большими и часто составляют значительную часть общего веса страницы.
WebP тоже поддерживает полную альфа-прозрачность, но может сочетать её с эффективным сжатием с потерями. Ни PNG, ни JPG так не умеют: JPG компактный, но не бывает прозрачным, а PNG прозрачный, но тяжёлый. Фото товара с прозрачным фоном в формате WebP часто весит в разы меньше того же PNG и при этом аккуратно смотрится на фоне любого цвета.
| PNG | WebP | |
|---|---|---|
| Сжатие | Только без потерь | С потерями или без потерь |
| Прозрачность | Да | Да, даже при сжатии с потерями |
| Размер файла | Большой, особенно для фотографий | Намного меньше |
| Поддержка в браузерах | Везде | Все современные браузеры |
| Графические редакторы и офисные приложения | Везде | По-разному |
Что лучше всего конвертировать
- Фото товаров с прозрачным фоном в интернет-магазинах: большая экономия, прозрачность сохраняется.
- Скриншоты и иллюстрации на сайтах, в блогах и документации.
- Фотографии, по ошибке сохранённые в PNG: они значительно уменьшатся.
- Фоны сайтов, баннеры и главные изображения, от которых зависит скорость загрузки страницы.
Оставляйте PNG для исходных файлов, которые вы ещё будете редактировать, для файлов, которые отправляете людям или в программы без поддержки WebP, и для крошечных значков, где разница ничтожна. Для favicon.ico используйте PNG в ICO.
Советы
- Проверьте текст и чёткие края. Сжатие с потерями может размыть тонкие линии и мелкие надписи. Если видите артефакты, увеличьте качество.
- Уменьшите слишком большую графику до размера, в котором она будет показана, с помощью инструмента Изменить размер изображения до или во время конвертации.
- Сохраняйте исходные PNG: WebP лучше всего использовать как формат для показа на сайте.
Часто задаваемые вопросы
Сохраняет ли WebP прозрачный фон?
Да. WebP поддерживает полноценный альфа-канал, поэтому прозрачные и полупрозрачные пиксели сохраняются.
Насколько WebP меньше, чем PNG?
Зависит от изображения. Фотографии и детальная графика в WebP с потерями часто во много раз меньше PNG, а у простой плоской графики экономия скромнее.
Можно ли использовать WebP везде?
На сайтах — да: WebP отображает любой современный браузер. Некоторые настольные программы, офисные пакеты и формы загрузки по-прежнему ожидают PNG или JPG, поэтому для таких случаев сохраните оригинал.
Можно ли потом конвертировать WebP обратно в PNG?
Да, с помощью нашего конвертера WebP в PNG, но детали, удалённые при сжатии с потерями, восстановить нельзя.
Обновлено
Комментарии
Войдите, чтобы оценить этот инструмент.
Поделитесь советом, задайте вопрос или расскажите, как вам помог инструмент.
Комментариев пока нет. Расскажите первым, как всё прошло.