PNG в WebP

RSS

Конвертируйте PNG в WebP для гораздо более лёгкой веб-графики с прозрачностью. Бесплатно, в браузере: файлы никуда не загружаются.

Файлы обрабатываются в вашем браузере и никуда не загружаются.

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

  1. Перетащите одно или несколько изображений .png в область загрузки.
  2. Выберите Качество. Для большей части графики хорошо подходит 80; для детальных иллюстраций или мелкого текста увеличьте значение.
  3. Нажмите Конвертировать в WebP и скачайте результаты. Прозрачный фон сохраняется.

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

Зачем заменять PNG на WebP на сайте?

PNG сжимает без потерь и поддерживает прозрачность, поэтому он стал стандартным форматом для логотипов, значков, иллюстраций, скриншотов и фото товаров с вырезанным фоном. Его слабое место — размер: PNG-файлы с детальной графикой и фотографиями бывают очень большими и часто составляют значительную часть общего веса страницы.

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

PNGWebP
СжатиеТолько без потерьС потерями или без потерь
ПрозрачностьДаДа, даже при сжатии с потерями
Размер файлаБольшой, особенно для фотографийНамного меньше
Поддержка в браузерахВездеВсе современные браузеры
Графические редакторы и офисные приложенияВездеПо-разному

Что лучше всего конвертировать

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

Оставляйте PNG для исходных файлов, которые вы ещё будете редактировать, для файлов, которые отправляете людям или в программы без поддержки WebP, и для крошечных значков, где разница ничтожна. Для favicon.ico используйте PNG в ICO.

Советы

  • Проверьте текст и чёткие края. Сжатие с потерями может размыть тонкие линии и мелкие надписи. Если видите артефакты, увеличьте качество.
  • Уменьшите слишком большую графику до размера, в котором она будет показана, с помощью инструмента Изменить размер изображения до или во время конвертации.
  • Сохраняйте исходные PNG: WebP лучше всего использовать как формат для показа на сайте.
Совет: хотите остаться на PNG, но уменьшить файл? Инструмент Сжать изображение уменьшает PNG за счёт квантования цветов, сохраняя формат PNG.

Часто задаваемые вопросы

Сохраняет ли WebP прозрачный фон?

Да. WebP поддерживает полноценный альфа-канал, поэтому прозрачные и полупрозрачные пиксели сохраняются.

Насколько WebP меньше, чем PNG?

Зависит от изображения. Фотографии и детальная графика в WebP с потерями часто во много раз меньше PNG, а у простой плоской графики экономия скромнее.

Можно ли использовать WebP везде?

На сайтах — да: WebP отображает любой современный браузер. Некоторые настольные программы, офисные пакеты и формы загрузки по-прежнему ожидают PNG или JPG, поэтому для таких случаев сохраните оригинал.

Можно ли потом конвертировать WebP обратно в PNG?

Да, с помощью нашего конвертера WebP в PNG, но детали, удалённые при сжатии с потерями, восстановить нельзя.

Обновлено

Комментарии

Оценок пока нет

Войдите, чтобы оценить этот инструмент.

Поделитесь советом, задайте вопрос или расскажите, как вам помог инструмент.

Комментариев пока нет. Расскажите первым, как всё прошло.

Скопировано в буфер обмена