# Конвертер у WebP

> Перетворіть JPG і PNG у WebP та зменшіть розмір зображень для сайту. Оцінка економії, HTML код з резервним варіантом, збережена прозорість. Масово і безкоштовно.

URL: https://acrafto.com/uk/perehvorennia-zobrazhen-u-webp/  
Updated: 2026-09-24

Tools are interactive browser apps; there is no public API, no endpoints to call and no server-side processing. To use a tool, open its HTML page in a browser.

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

## Як перетворити зображення на WebP

1. **Завантажте зображення.** Перетягніть їх у вікно або натисніть «Огляд файлів». Конвертер приймає JPG, PNG, BMP і статичний GIF, десятки файлів одночасно.
2. **Встановіть якість.** Типова якість 80 підходить для більшості сайтів. Для портфоліо оберіть 85 до 90, для перегляду 70.
3. **Перетворіть і завантажте.** Кнопка «Конвертувати» обробить всю партію, готові WebP завантажте по одному або як ZIP.

Хто хоче більше деталей, розгорне під переглядом «Технічні деталі: лупа, оцінка розміру, HTML-код».

## Навіщо перетворювати зображення у WebP

[WebP](https://uk.wikipedia.org/wiki/WebP) це формат від Google, створений для сайтів. За [дослідженням Google](https://developers.google.com/speed/webp/docs/webp_study) (англійською) файли WebP із втратами при тій самій якості на 25 до 34 % менші за JPEG, а без втрат приблизно на 26 % менші за PNG. Менші зображення означають швидше завантаження сторінки, кращі показники Core Web Vitals і менші витрати даних на мобільному.

Крім того, на відміну від JPG, WebP підтримує прозорість, тож замінить і PNG із прозорим фоном. Сьогодні його [підтримують усі поширені браузери](https://caniuse.com/webp) (англійською), включно з Safari від версії 14.

## Що вміє конвертер WebP понад базове перетворення

### Оцінка економії ще до перетворення

У технічних деталях знайдете «Оцінку за зразком»: конвертер кодує зменшений зразок обраного зображення і рахує, яким буде WebP за обраних налаштувань, яким був би JPEG за тієї самої якості і скільки відсотків ви заощадите. Одразу видно, чи варте перетворення того.

### HTML код із резервним форматом

Конвертер готує готовий код для елемента `<picture>`: браузери з підтримкою WebP завантажать новий файл, інші отримають початковий JPG або PNG. Код містить і розміри зображення, і ліниве завантаження, достатньо скопіювати його в шаблон. Як працює `<picture>`, описує [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/picture) (англійською).

### Лупа зі збільшенням 100%

Клацнувши по перегляду, перемістите лупу в будь яке місце і порівняєте оригінал з результатом піксель до пікселя. Артефакти [стиснення з утратами](https://uk.wikipedia.org/wiki/%D0%A1%D1%82%D0%B8%D1%81%D0%BD%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B7_%D1%83%D1%82%D1%80%D0%B0%D1%82%D0%B0%D0%BC%D0%B8) найпершими показуються на тексті, краях і плавних переходах, там варто придивитись.

### Прозорість залишається

PNG з прозорим фоном перетворите у WebP без втрати альфа-каналу. Якщо цільовий застосунок прозорість не підтримує, увімкніть «Звести прозорість до кольору».

### Захист від невдалого результату

Анімований GIF конвертер відхилить, бо з нього тихо залишився б лише перший кадр. Коли перетворений файл вийде більшим за оригінал, що трапляється з уже добре стисненими зображеннями, таблиця це позначить, і одним кліком ви натиснете «Залишити оригінал».

### Зменшення, перейменування, без метаданих

У «Розширених налаштуваннях» зображення зменшите за довшою стороною в пікселях або у відсотках і масово перейменуєте за допомогою `{name}`, `{width}`, `{height}` і `{index}`. Перетворення видаляє EXIF, ICC і GPS, тож фото не покажуть, де їх зроблено. Якщо зображення потрібно звести до точних розмірів або під ліміт у кБ, скористайтеся [зменшенням зображень](https://acrafto.com/uk/zmensennya-zobrazhen-onlayn/).

## Яку якість WebP обрати

| Мета | Якість | Примітка |
| :--- | :--- | :--- |
| Портфоліо, фото товарів | 85 до 90 | Деталі без втрат, все ще менше за JPG |
| Звичайний сайт і блог | 75 до 80 | Найкраще співвідношення якості й розміру |
| Перегляди, галереї | 65 до 70 | Малі файли, дрібні артефакти |

## Коли WebP, а коли інший формат

- **Фото і графіка для сайту:** WebP, з резервним варіантом у `<picture>` про всяк випадок.
- **Зображення для пошти, установ чи старих програм:** краще [JPG](https://acrafto.com/uk/peretvorennia-zobrazhen-na-jpg/), його відкриє справді все.
- **Матеріали для подальшого редагування і друку:** [PNG](https://acrafto.com/uk/peretvorennia-zobrazhen-na-png/), без жодної втрати.

Розміри зображень на сайті перед перетворенням швидко перевірите в [аналізі розмірів зображень](https://acrafto.com/uk/analizator-rozmiriv-zobrazhen-onlayn/).

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

### Як перетворити JPG на WebP?

Завантажте файли JPG, залиште якість 80 або змініть її і натисніть «Конвертувати». WebP за тієї самої візуальної якості зазвичай на чверть до третини менший. Скільки заощадите на конкретному фото, покаже оцінка в технічних деталях.

### Як перетворити PNG на WebP і зберегти прозорість?

Достатньо завантажити PNG і перетворити, прозорість збережеться автоматично. Якщо вона навпаки не потрібна, увімкніть «Звести прозорість до кольору».

### Чи підтримують WebP усі браузери?

Так, усі сучасні браузери, включно з Safari від версії 14. Для впевненості на старіших пристроях використайте HTML код з елементом `<picture>`, який готує конвертер: старіший браузер тоді завантажить початковий JPG або PNG.

### Чи кращий WebP за JPG?

Для сайту так: за тієї самої якості він менший і підтримує прозорість. Але JPG усе ще відкриє більше програм, принтерів і установ. Для сайту користуйтеся WebP, для обміну і друку JPG.

### Чому конвертер відхилив мій GIF?

Анімований GIF при перетворенні тихо перетворився б на єдиний статичний кадр. Щоб результат вас не здивував, конвертер його відхиляє. Статичні GIF перетворює без проблем.

### Чи завантажуються мої зображення на сервер?

Ні. Перетворення відбувається прямо у вашому браузері, файли нікуди не надсилаються.

## Other languages

- Čeština (cs): [Převod obrázků na WebP](https://acrafto.com/cs/prevod-obrazku-na-webp/) ([Markdown](https://acrafto.com/cs/prevod-obrazku-na-webp/index.md))
- Slovenčina (sk): [Prevod obrázkov na WebP](https://acrafto.com/sk/prevod-obrazkov-na-webp/) ([Markdown](https://acrafto.com/sk/prevod-obrazkov-na-webp/index.md))
- English (en): [Convert Images to WebP](https://acrafto.com/en/convert-images-to-webp/) ([Markdown](https://acrafto.com/en/convert-images-to-webp/index.md))
- Deutsch (de): [Bild in WebP umwandeln](https://acrafto.com/de/bilder-in-webp-umwandeln/) ([Markdown](https://acrafto.com/de/bilder-in-webp-umwandeln/index.md))
- Français (fr): [Convertir des images en WebP](https://acrafto.com/fr/convertir-images-en-webp/) ([Markdown](https://acrafto.com/fr/convertir-images-en-webp/index.md))
- Español (es): [Convertir imágenes a WebP](https://acrafto.com/es/convertir-imagenes-a-webp/) ([Markdown](https://acrafto.com/es/convertir-imagenes-a-webp/index.md))
- Italiano (it): [Convertitore immagini in WebP](https://acrafto.com/it/conversione-immagini-webp/) ([Markdown](https://acrafto.com/it/conversione-immagini-webp/index.md))
- Português (pt): [Converter imagem para WebP](https://acrafto.com/pt/converter-imagens-para-webp/) ([Markdown](https://acrafto.com/pt/converter-imagens-para-webp/index.md))
- Nederlands (nl): [Afbeelding naar WebP omzetten](https://acrafto.com/nl/afbeeldingen-converteren-naar-webp/) ([Markdown](https://acrafto.com/nl/afbeeldingen-converteren-naar-webp/index.md))
- Polski (pl): [Konwerter obrazów na WebP](https://acrafto.com/pl/konwersja-obrazow-do-webp/) ([Markdown](https://acrafto.com/pl/konwersja-obrazow-do-webp/index.md))
- Română (ro): [Convertor imagini în WebP](https://acrafto.com/ro/conversia-imaginilor-in-webp/) ([Markdown](https://acrafto.com/ro/conversia-imaginilor-in-webp/index.md))
- Magyar (hu): [WebP átalakító](https://acrafto.com/hu/webp-kep-atalakito/) ([Markdown](https://acrafto.com/hu/webp-kep-atalakito/index.md))
- Ελληνικά (el): [Μετατροπή εικόνων σε WebP](https://acrafto.com/el/metatropi-eikonon-se-webp/) ([Markdown](https://acrafto.com/el/metatropi-eikonon-se-webp/index.md))
- Български (bg): [Конвертиране на снимки в WebP](https://acrafto.com/bg/preobrazuvane-na-izobrajenia-v-webp/) ([Markdown](https://acrafto.com/bg/preobrazuvane-na-izobrajenia-v-webp/index.md))
- Hrvatski (hr): [Pretvorba slika u WebP](https://acrafto.com/hr/pretvorba-slika-u-webp/) ([Markdown](https://acrafto.com/hr/pretvorba-slika-u-webp/index.md))
- Slovenščina (sl): [Pretvorba slik v WebP](https://acrafto.com/sl/pretvorba-slik-v-webp/) ([Markdown](https://acrafto.com/sl/pretvorba-slik-v-webp/index.md))
- Eesti (et): [Piltide teisendamine WebP-ks](https://acrafto.com/et/piltide-teisendamine-webp-ks/) ([Markdown](https://acrafto.com/et/piltide-teisendamine-webp-ks/index.md))
- Latviešu (lv): [Attēlu konvertēšana uz WebP](https://acrafto.com/lv/attelu-konvertesana-uz-webp/) ([Markdown](https://acrafto.com/lv/attelu-konvertesana-uz-webp/index.md))
- Lietuvių (lt): [Paveikslėlių konvertavimas į WebP](https://acrafto.com/lt/paveiksleliu-konvertavimas-i-webp/) ([Markdown](https://acrafto.com/lt/paveiksleliu-konvertavimas-i-webp/index.md))
- Svenska (sv): [Konvertera bilder till WebP](https://acrafto.com/sv/konvertera-bilder-till-webp-online/) ([Markdown](https://acrafto.com/sv/konvertera-bilder-till-webp-online/index.md))
- Dansk (da): [Konverter billeder til WebP](https://acrafto.com/da/billeder-til-webp-konverter/) ([Markdown](https://acrafto.com/da/billeder-til-webp-konverter/index.md))
- Suomi (fi): [Kuva WebP-muotoon](https://acrafto.com/fi/kuvien-muuntaminen-webp-muotoon/) ([Markdown](https://acrafto.com/fi/kuvien-muuntaminen-webp-muotoon/index.md))
- Norsk (no): [Konverter bilder til WebP](https://acrafto.com/no/konverter-bilder-til-webp/) ([Markdown](https://acrafto.com/no/konverter-bilder-til-webp/index.md))
- Русский (ru): [Конвертер изображений в WebP](https://acrafto.com/ru/preobrazovanie-izobrazhenij-v-webp/) ([Markdown](https://acrafto.com/ru/preobrazovanie-izobrazhenij-v-webp/index.md))
- Српски (sr): [Претварање слика у WebP](https://acrafto.com/sr/pretvaranje-slika-u-webp/) ([Markdown](https://acrafto.com/sr/pretvaranje-slika-u-webp/index.md))
- Македонски (mk): [Претвори слики во WebP](https://acrafto.com/mk/pretvori-sliki-vo-webp/) ([Markdown](https://acrafto.com/mk/pretvori-sliki-vo-webp/index.md))
- Bosanski (bs): [Pretvorba slika u WebP](https://acrafto.com/bs/pretvorba-slika-u-webp/) ([Markdown](https://acrafto.com/bs/pretvorba-slika-u-webp/index.md))
- Shqip (sq): [Konvertimi i imazheve në WebP](https://acrafto.com/sq/konvertimi-i-imazheve-ne-webp/) ([Markdown](https://acrafto.com/sq/konvertimi-i-imazheve-ne-webp/index.md))
- Türkçe (tr): [Görselleri WebP'ye çevirme](https://acrafto.com/tr/goruntuleri-webpye-donustur/) ([Markdown](https://acrafto.com/tr/goruntuleri-webpye-donustur/index.md))
- 日本語 (ja): [WebP変換](https://acrafto.com/ja/gazo-webp-henkan/) ([Markdown](https://acrafto.com/ja/gazo-webp-henkan/index.md))
- 한국어 (ko): [WebP 변환기](https://acrafto.com/ko/imiji-webp-byeonhwan/) ([Markdown](https://acrafto.com/ko/imiji-webp-byeonhwan/index.md))
- العربية (ar): [تحويل الصور إلى WebP](https://acrafto.com/ar/tahwil-suwar-ila-webp/) ([Markdown](https://acrafto.com/ar/tahwil-suwar-ila-webp/index.md))
- हिन्दी (hi): [इमेज को WebP में बदलें](https://acrafto.com/hi/chitron-ko-webp-mein-badlein/) ([Markdown](https://acrafto.com/hi/chitron-ko-webp-mein-badlein/index.md))
- Bahasa Indonesia (id): [Ubah gambar ke WebP](https://acrafto.com/id/konversi-gambar-ke-webp/) ([Markdown](https://acrafto.com/id/konversi-gambar-ke-webp/index.md))
- Tiếng Việt (vi): [Chuyển ảnh sang WebP](https://acrafto.com/vi/chuyen-doi-hinh-anh-sang-webp/) ([Markdown](https://acrafto.com/vi/chuyen-doi-hinh-anh-sang-webp/index.md))
- ไทย (th): [แปลงรูปเป็น WebP](https://acrafto.com/th/plaeng-ruup-phaap-pen-webp/) ([Markdown](https://acrafto.com/th/plaeng-ruup-phaap-pen-webp/index.md))
- עברית (he): [המרת תמונה ל-WebP](https://acrafto.com/he/hamarat-tmunot-le-webp/) ([Markdown](https://acrafto.com/he/hamarat-tmunot-le-webp/index.md))