Конвертувати PNG у WebP — онлайн, без завантаження

Перетягніть PNG (або пакет) у PicBrewery й отримайте WebP з повною прозорістю прямо в браузері. Генеруються й WebP без втрат, і зі втратами — оберіть для кожного джерела той варіант, що вийшов меншим.

Детальніше, чому WebP виграє в байтах при тій самій прозорості: розділ WebP на сторінці форматів.

Як конвертувати PNG у WebP

  1. Відкрийте PicBrewery у будь-якому сучасному браузері.
  2. Перетягніть PNG у зону (можна кілька) або вставте з буфера (Ctrl/Cmd+V) — зручно для скриншотів.
  3. PicBrewery декодує PNG і паралельно кодує WebP (внутрішньо й зі втратами, і без), разом із JPEG і AVIF. Альфа зберігається автоматично.
  4. Клацніть іконку завантаження в клітинці WebP. Для пакету — Завантажити вибране як ZIP.

Навіщо PNG → WebP?

PNG чудовий для архіву — без втрат і скрізь підтримується — але для мережі він «важкий». Типова UI-графіка (іконки, скриншоти, діаграми): WebP без втрат на 20–30% менший за оптимізований oxipng PNG того ж зображення, бо WebP використовує сучасніші передбачення та ентропійне кодування, ніж DEFLATE. Для «фотоподібних» PNG (кольорові скрині, ілюстрації або фото, збережені як PNG) WebP зі втратами при q85 зменшує розмір на 60–80% без видимих втрат і з повною альфою.

Менші файли дають три вигоди: швидший перший рендер на «важких» інтерфейсах, компактніший офлайн-кеш PWA і менший трафік CDN для ретина-асетів у 2×/3×.

Орієнтир економії розміру

Точні цифри залежать від контенту, але правила стабільні: WebP без втрат — на 20–30% менший за налаштований PNG; WebP зі втратами при q85 для «фотоподібних» PNG — економія 60–80%. Рідкісна плоска графіка з кількома кольорами інколи краще стискається PNG-8 з палітрою — PicBrewery показує обидва розміри в одному рядку, щоб ви обрали переможця.

Підтримка WebP у браузерах

WebP підтримують Chrome 32+ (2014), Firefox 65+ (2019), Edge 18+, Safari 14+ (2020 — macOS Big Sur і iOS 14) і сучасний Android. Якщо потрібні IE 11 або Safari 13, подавайте WebP з запасом PNG у <picture>. Повна таблиця — /formats/#webp.

Часті запитання

Чи зберігає PNG → WebP прозорість?

Так. WebP підтримує той самий 8-бітний альфа-канал, що й PNG; PicBrewery не змінює прозорі пікселі. І без втрат, і зі втратами альфа лишається — для UI беруть без втрат, для фото з альфою можна зі втратами.

Для PNG краще WebP без втрат чи зі втратами?

Для UI, іконок, скриншотів і лінійної графіки — без втрат: пікселі як у PNG, файл зазвичай на 20–30% менший. Для «фотоподібних» PNG WebP зі втратами при q85 часто дає 60–80% економії. Налаштування — у Розширених.

Чи можна скрізь замінити PNG на WebP без втрат?

У сучасних браузерах з 2020 року — так: пікселі збігаються, альфа зберігається, профілі можна вбудувати. PNG лишається для застарілих інструментів і 16-бітних сіроґрадаційних джерел — WebP лише 8 біт на канал.

Наскільки WebP менший за PNG?

Без втрат — зазвичай на 20–30% менший за oxipng PNG того ж зображення. Зі втратами для «фотоподібних» джерел при q85 — часто 60–80% економії без видимих втрат. Скиньте файл у PicBrewery — побачите байти в таблиці.

Чи змінює конвертація кольори чи ICC?

Декодування в sRGB, вбудовані ICC не переносяться задля меншого розміру. Для критичних до кольору задач тримайте PNG; для вебу sRGB — те, що зазвичай рендерить браузер.

Конвертуйте PNG у WebP зараз

Перетягніть PNG у PicBrewery й забирайте WebP — альфа на місці, для графіки економія 20–30%, для фото набагато більша. Усе в браузері.

Відкрити PicBrewery