Конвертер у WebP
Цей браузер не вміє створювати файли WebP. Скористайтеся актуальним Chrome, Edge або Firefox.
Перетягніть зображення сюди або натисніть, щоб вибрати
Підтримувані формати: JPG, PNG, GIF, BMP, SVG Конвертація видаляє дані EXIF, ICC та GPS — фото втрачають інформацію про місцезнаходження.Налаштування
Розширені налаштування
Еталонний перегляд
Технічні деталі: лупа, оцінка розміру, HTML-код
Клацніть на перегляді, щоб перемістити лупу зі збільшенням 100%.
Оцінка за зразком
- Оригінал
- —
- WebP (ці налаштування)
- —
- JPEG за такої ж якості
- —
- Орієнтовна економія
- —
Фрагмент коду picture із запасним варіантом
Завантажено: 0
| Попередній перегляд | Ім'я файлу | Оригінал | Результат | Економія | Статус | Дії |
|---|
Хочете прискорити сайт чи інтернет-магазин меншими зображеннями? Перетворіть JPG і PNG у WebP. Конвертер перед перетворенням оцінить, скільки ви заощадите порівняно з JPG, і підготує HTML код із резервним форматом для старих браузерів. Усе відбувається у вашому браузері, зображення нікуди не завантажуються.
Як перетворити зображення на WebP
- Завантажте зображення. Перетягніть їх у вікно або натисніть «Огляд файлів». Конвертер приймає JPG, PNG, BMP і статичний GIF, десятки файлів одночасно.
- Встановіть якість. Типова якість 80 підходить для більшості сайтів. Для портфоліо оберіть 85 до 90, для перегляду 70.
- Перетворіть і завантажте. Кнопка «Конвертувати» обробить всю партію, готові WebP завантажте по одному або як ZIP.
Хто хоче більше деталей, розгорне під переглядом «Технічні деталі: лупа, оцінка розміру, HTML-код».
Навіщо перетворювати зображення у WebP
WebP це формат від Google, створений для сайтів. За дослідженням Google (англійською) файли WebP із втратами при тій самій якості на 25 до 34 % менші за JPEG, а без втрат приблизно на 26 % менші за PNG. Менші зображення означають швидше завантаження сторінки, кращі показники Core Web Vitals і менші витрати даних на мобільному.
Крім того, на відміну від JPG, WebP підтримує прозорість, тож замінить і PNG із прозорим фоном. Сьогодні його підтримують усі поширені браузери (англійською), включно з Safari від версії 14.
Що вміє конвертер WebP понад базове перетворення
Оцінка економії ще до перетворення
У технічних деталях знайдете «Оцінку за зразком»: конвертер кодує зменшений зразок обраного зображення і рахує, яким буде WebP за обраних налаштувань, яким був би JPEG за тієї самої якості і скільки відсотків ви заощадите. Одразу видно, чи варте перетворення того.
HTML код із резервним форматом
Конвертер готує готовий код для елемента <picture>: браузери з підтримкою WebP завантажать новий файл, інші отримають початковий JPG або PNG. Код містить і розміри зображення, і ліниве завантаження, достатньо скопіювати його в шаблон. Як працює <picture>, описує MDN (англійською).
Лупа зі збільшенням 100%
Клацнувши по перегляду, перемістите лупу в будь яке місце і порівняєте оригінал з результатом піксель до пікселя. Артефакти стиснення з утратами найпершими показуються на тексті, краях і плавних переходах, там варто придивитись.
Прозорість залишається
PNG з прозорим фоном перетворите у WebP без втрати альфа-каналу. Якщо цільовий застосунок прозорість не підтримує, увімкніть «Звести прозорість до кольору».
Захист від невдалого результату
Анімований GIF конвертер відхилить, бо з нього тихо залишився б лише перший кадр. Коли перетворений файл вийде більшим за оригінал, що трапляється з уже добре стисненими зображеннями, таблиця це позначить, і одним кліком ви натиснете «Залишити оригінал».
Зменшення, перейменування, без метаданих
У «Розширених налаштуваннях» зображення зменшите за довшою стороною в пікселях або у відсотках і масово перейменуєте за допомогою {name}, {width}, {height} і {index}. Перетворення видаляє EXIF, ICC і GPS, тож фото не покажуть, де їх зроблено. Якщо зображення потрібно звести до точних розмірів або під ліміт у кБ, скористайтеся зменшенням зображень.
Яку якість WebP обрати
| Мета | Якість | Примітка |
|---|---|---|
| Портфоліо, фото товарів | 85 до 90 | Деталі без втрат, все ще менше за JPG |
| Звичайний сайт і блог | 75 до 80 | Найкраще співвідношення якості й розміру |
| Перегляди, галереї | 65 до 70 | Малі файли, дрібні артефакти |
Коли WebP, а коли інший формат
- Фото і графіка для сайту: WebP, з резервним варіантом у
<picture>про всяк випадок. - Зображення для пошти, установ чи старих програм: краще JPG, його відкриє справді все.
- Матеріали для подальшого редагування і друку: PNG, без жодної втрати.
Розміри зображень на сайті перед перетворенням швидко перевірите в аналізі розмірів зображень.
Часті питання
Як перетворити JPG на WebP?
Завантажте файли JPG, залиште якість 80 або змініть її і натисніть «Конвертувати». WebP за тієї самої візуальної якості зазвичай на чверть до третини менший. Скільки заощадите на конкретному фото, покаже оцінка в технічних деталях.Як перетворити PNG на WebP і зберегти прозорість?
Достатньо завантажити PNG і перетворити, прозорість збережеться автоматично. Якщо вона навпаки не потрібна, увімкніть «Звести прозорість до кольору».Чи підтримують WebP усі браузери?
Так, усі сучасні браузери, включно з Safari від версії 14. Для впевненості на старіших пристроях використайте HTML код з елементом<picture>, який готує конвертер: старіший браузер тоді завантажить початковий JPG або PNG.