Безкоштовний конвертер PNG у WebP: пакетно, у браузері | We.Inc
Конвертуйте PNG і JPG у WebP безкоштовно, у браузері. Пакетна конвертація, оберіть якість, побачте заощаджений розмір і завантажте. Зображення не залишають ваш пристрій.
Додайте зображення PNG чи JPG, оберіть якість і отримайте файли WebP, які зазвичай значно менші. Конвертація відбувається всередині вашого браузера, тож ваші зображення ніколи нікуди не завантажуються, і ви можете конвертувати цілу папку одразу.
Перетягніть зображення в поле або натисніть, щоб обрати їх. PNG, JPG, GIF (перший кадр) і наявні файли WebP — усе працює.
Встановіть якість. 80 — хороше значення за замовчуванням для фото; підвищуйте для зображень із дрібним текстом чи чіткими краями.
Кожне зображення малюється на canvas у вашому браузері й експортується як WebP. Ви бачите старий розмір, новий розмір і економію.
Завантажте файли по одному, або завантажте їх усі одразу.
Змінюйте розмір перед конвертацією. Фото шириною 4000 пікселів, показане на 1200 пікселях, витрачає більшість своїх байтів, незалежно від формату.
Зберігайте прозорі логотипи PNG як WebP: WebP підтримує прозорість, тож тло залишається прозорим.
Якщо конвертований файл виходить більшим за оригінал (трапляється з маленькими іконками й уже оптимізованими файлами), збережіть оригінал.
Називайте файли словами, що описують картинку, наприклад «синя-кухня-ремонт.webp». Це трохи допомагає пошуку зображень і сильно допомагає вам.
Поширені запитання
Чи безкоштовний і приватний цей конвертер WebP?
Так. Він безкоштовний, не потребує реєстрації, а конвертація відбувається повністю у вашому браузері за допомогою вбудованого canvas. Ваші зображення не завантажуються We.Inc чи будь-кому іншому.
Чи працює WebP у кожному браузері?
Кожна поточна версія Chrome, Edge, Firefox і Safari показує зображення WebP. Safari додав підтримку у версії 14 (2020), тож лише дуже старі пристрої не можуть їх показувати.
Наскільки WebP менший за PNG чи JPG?
Залежить від зображення. Фото, збережені з PNG, часто стискаються на 70–90%. Порівняно з добре стисненим JPG, WebP схожої якості зазвичай на 25–35% менший. Інструмент показує точну економію для кожного файлу.
Чи зберігає конвертація прозорість?
Так. Прозорі ділянки в PNG залишаються прозорими у WebP. JPG не має прозорості, тож джерела JPG залишаються повністю непрозорими.
Чому один файл став більшим?
Дуже маленькі чи вже сильно оптимізовані зображення можуть трохи зрости при повторному кодуванні. Інструмент позначає це, щоб ви могли зберегти оригінал для цього файлу.
Чи можу я конвертувати WebP назад у PNG чи JPG?
Так. Скористайтеся безкоштовним компресором зображень на We.Inc, який може зберігати в JPG, PNG чи WebP.
Чому WebP робить ваш сайт швидшим
Зображення зазвичай найважче на вебсторінці. На типовій головній сторінці малого бізнесу лише головне фото може бути більшим за весь текст, код і шрифти разом узяті. Кожен зайвий кілобайт має пройти через мобільне з'єднання, перш ніж сторінка виглядатиме завершеною, а це саме те, що Google вимірює через Largest Contentful Paint.
WebP — формат зображень, створений Google для вебу. Він стискає фото ефективніше за JPG і підтримує прозорість, як PNG, тож один формат покриває обидва завдання. Заміна головного фото PNG на 900 КБ на WebP на 120 КБ часто є найбільшою одиничною перемогою у швидкості для малого сайту.
Вибір правильної якості
Якість — компроміс між розміром файлу і деталями. Для фото людей, їжі, приміщень чи товарів 75–85 виглядає так само, як оригінал, майже для всіх. Для скриншотів, графіків чи зображень із дрібним текстом використовуйте 90 і вище, бо низька якість створює розмиті ореоли навколо чітких країв.
Найкращий спосіб вирішити — конвертувати один раз, відкрити результат у повному розмірі поруч з оригіналом, і знижувати якість, доки не побачите різницю, потім повернутись на крок назад.
Використання зображень WebP на своєму сайті
Більшість конструкторів сайтів і систем управління контентом приймають завантаження WebP так само, як JPG. Якщо ви пишете HTML самостійно, звичайний тег img працює: встановіть width і height, щоб сторінка не стрибала під час завантаження зображення, додайте описовий alt-текст, і додайте loading="lazy" для зображень нижче на сторінці.
Сайти, побудовані на We.Inc, вже видають оптимізовані зображення, але конвертація власних фото перед завантаженням усе одно тримає ваше сховище малим, а сторінки швидкими.