Конвертувати PNG у WebP

Перетворіть PNG-скриншоти, логотипи й вирізані фото товарів на вашому сайті на файли WebP, які зберігають прозорі краї та завантажуються в рази швидше. Виберіть стиснення з втратами або без втрат, конвертуйте й завантажте результати у свою CMS.

або перетягніть Файли JPG, JPEG, JPE … сюди ·

До 95 МБ на файл· До 20 файлів· Видаляються через 30 хв

Результат

Конвертувати в

Файли обробляються на наших серверах і видаляються через 30 хв.

Якість і колір

Якість

85 зберігає фото візуально ідентичними оригіналу. Зменшуйте лише тоді, коли потрібен менший файл.

Без втрат

Зберігає кожен піксель точно. Файли більші; повзунок якості ігнорується.

Розмір результату

Змінити розмір результату

Залиште початкові розміри або введіть одну сторону — пропорції збережуться.

Метадані та колірний профіль

Автоорієнтація

Повертає зображення за орієнтацією, збереженою в EXIF, щоб воно скрізь відображалося правильно.

Видалити метадані

Видаляє GPS-координати, дані камери та коментарі. Профіль кольору можна зберегти окремо нижче.

Зберегти колірний профіль

Зберігає вбудований профіль ICC, щоб кольори залишалися точними після конвертації.

Колірний простір

sRGB підходить для екранів і вебу. Для друку залиште оригінальний; відтінки сірого відкидають колір.

Тег DPI

dpi

Лише метадані, 0 зберігає початкове значення. Принтери та деякі портали читають це число; воно не змінює піксельні розміри.

Як користуватися цим інструментом

1
Додайте файли PNG
Перетягніть до 20 PNG в область завантаження або виберіть їх у папці. Кожен файл може важити до 95 MB, тож підійдуть навіть дуже великі експортовані макети.
2
Виберіть режим: з втратами чи без втрат
Сторінка починає з Якість 80 у режимі зі стисненням із втратами: це хороший баланс для фото й ілюстрацій в інтернеті. Увімкніть Без втрат у розділі Додаткові налаштування для іконок, піксельної графіки або скриншотів інтерфейсу, які мають лишитися піксель у піксель.
3
Конвертуйте й замініть
Натисніть Конвертувати в WebP і завантажте файли по одному або одним ZIP-архівом.

Відповідь

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

Для зображень на сайті — майже завжди. Те саме зображення разом із прозорістю зазвичай стає набагато меншим, а кожен сучасний браузер його відображає. Залиште PNG для файлів, які ви ще редагуєте або надсилаєте людям, що відкривають їх у настільних програмах.

Чому веброзробники замінюють PNG на WebP

PNG за задумом працює без втрат: його стандартизував W3C у 1996 році як вільну від патентів заміну GIF, і він ніколи не відкидає дані пікселів. Це ідеально для майстер-файлу, але марнотратно для вебсторінки, де ілюстрація 1600 px, збережена як PNG, може важити більше, ніж усі скрипти сторінки разом узяті.

Google представила WebP у 2010 році, щоб закрити цю прогалину. Він поєднує два механізми в одному контейнері: режим без втрат, який за опублікованим порівнянням самої Google приблизно на 26% менший за PNG, і режим із втратами на основі відеокодека VP8, що дає ще менший розмір. Обидва режими підтримують повний альфа-канал, і саме це дозволяє використовувати логотипи та вирізані фото товарів на кольорових тлах.

Інструменти перевірки швидкості, як-от PageSpeed Insights, давно вказують на завеликі файли PNG і JPEG як на легку можливість заощадити, а конвертований набір зображень часто є найшвидшим поліпшенням Largest Contentful Paint. Якщо зображенням потрібні ще й нові розміри, спершу пропустіть їх через інструмент зміни розміру зображень, а тоді конвертуйте.

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

Оригінал PNG

1,2 MB

1600 × 900 · 24 біти з альфа-каналом, вирізаний товар

зазвичай на 80–85% менше

WebP, якість 80

190 KB

1600 × 900 · з втратами, альфа-канал збережено

PNG

Portable Network Graphics

PNG — растровий формат без втрат, опублікований у 1996 році групою PNG Development Group і згодом стандартизований W3C та ISO. Він зберігає кожен піксель точно, підтримує повну альфа-прозорість і без артефактів передає текст, чіткі краї та суцільні кольори. Така точність робить його ідеальним для скриншотів, логотипів, іконок і графіки інтерфейсів. Недолік — розмір: фотографії у PNG часто в кілька разів більші за те саме фото у JPEG чи WebP. PNG відкривають усі браузери, операційні системи та редактори.

Стиснення: Без втрат
Прозорість: Так
Анімація: Ні
Рік появи: 1996 · PNG Development Group

Конвертер PNG

WEBP

Зображення WebP

WebP — формат зображень, випущений Google у 2010 році, щоб вебсторінки завантажувалися швидше. В одному форматі він підтримує стиснення як із втратами, так і без втрат, альфа-прозорість та анімацію. WebP із втратами зазвичай на 25–35% менший за JPEG подібної візуальної якості, а WebP без втрат, як правило, менший за PNG. Його підтримують усі сучасні браузери, але деякі старіші настільні програми, служби друку та форми завантаження досі його відхиляють. Windows, macOS і більшість сучасних графічних редакторів можуть відкривати файли WebP.

Стиснення: З втратами або без втрат
Прозорість: Так
Анімація: Так
Рік появи: 2010 · Google

Конвертер WEBP

Власники сайтів конвертують PNG у WebP, щоб зменшити вагу сторінок зі збереженням прозорості; перехід із WebP назад у PNG потрібен для редагування або відкриття файлу в програмі, яка не читає WebP.

Наведені цифри — типовий результат для фотографічного вирізаного об’єкта, а не обіцянка. Плоска графіка в режимі з втратами стискається менше, а в режимі без втрат іноді більше. Скриншоти, повні тексту, — єдиний випадок, коли WebP із втратами може розмити краї літер; для них увімкніть Без втрат, і ви все одно заощадите місце без жодної зміни пікселів.

Розміри, колір і прозорість переносяться без змін, а Видалити метадані (увімкнено за замовчуванням) прибирає історію редагування, яка браузеру ніколи не потрібна.

Перш ніж завантажити файли WebP на сайт

Зберігайте оригінальні PNG в окремій папці: WebP — це копія для публікації, а не майстер-файл для редагування.
Перевірте, що ваша CMS приймає завантаження .webp (WordPress — починаючи з версії 5.8).
Подивіться на одне прозоре зображення і на білому, і на темному тлі, щоб переконатися, що краї чисті.
Змініть посилання на зображення в HTML або CSS з .png на .webp або дозвольте CMS заново створити мініатюри.
Порівняйте вагу сторінки до і після на панелі мережі у браузері, щоб знати, скільки ви зекономили.

Запитання про конвертацію PNG у WebP

Чи зберігає WebP прозорий фон мого PNG?

Так. WebP зберігає альфа-канал і в режимі зі стисненням із втратами, і в режимі без втрат, тому вирізані фото товарів і логотипи лишаються прозорими. У режимі з втратами крайові пікселі трохи стискаються; якщо ви помітили ледь видиме світіння навколо тонкого волосся чи тексту, повторіть конвертацію з увімкненим Без втрат. Потрібно буде повернути назад? WebP у PNG відновить PNG, який можна редагувати.

Який WebP вибрати для PNG: з втратами чи без втрат?

Без втрат, якщо PNG — це плоский інтерфейс, діаграма, логотип або піксельна графіка: кожен піксель лишається таким самим, а файл зазвичай усе одно стає меншим. З втратами при якості від 75 до 85, якщо PNG насправді є фотографією або м’якою ілюстрацією: саме там найбільша економія.

Які браузери відображають зображення WebP?

Chrome, Edge, Firefox і Opera показують WebP уже багато років, а Safari долучився з версією 14 у 2020 році (на macOS Big Sur або новішій і на iOS 14). На практиці його відображає кожен браузер, яким користуються сьогодні, тож для більшості сайтів досить звичайного тега img з посиланням на файл .webp.

Чи можна завантажувати WebP у WordPress?

WordPress 5.8, випущений у липні 2021 року, додав WebP до дозволених типів завантаження в медіатеці. Старіші версії відхиляють такий файл, доки плагін не додасть MIME-тип, тож перевірте свою версію, перш ніж конвертувати цілу папку.

Чому мій WebP більший за вихідний PNG?

Таке трапляється з крихітними PNG з індексованою палітрою з кількох кольорів, наприклад 8-кольоровою іконкою, бо PNG там уже дуже ефективний. Спробуйте Без втрат для таких файлів, а якщо результат усе одно більший, залиште PNG: економія виходить на більших і барвистіших зображеннях.

Чи можна конвертувати цілу папку PNG у WebP за один раз?

За один раз обробляється до 20 файлів, кожен до 95 MB, і вони повертаються разом у ZIP-архіві. Для більшої папки повторіть партіями по 20; денного ліміту немає, а завантажені файли автоматично видаляються через 30 хвилин.