# Ubah gambar ke WebP

> Ubah JPG dan PNG ke WebP dan perkecil gambar untuk web. Perkiraan penghematan, kode HTML dengan fallback, transparansi terjaga, gratis di browser.

URL: https://acrafto.com/id/konversi-gambar-ke-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.

Ingin mempercepat situs atau toko online dengan gambar yang lebih kecil? Ubah JPG dan PNG ke WebP. Sebelum konversi, konverter memperkirakan berapa banyak penghematan dibanding JPG, dan sekaligus menyiapkan kode HTML dengan format cadangan untuk browser lama. Semuanya berjalan di browser Anda, gambar tidak diunggah ke mana pun.

## Cara Mengonversi Gambar ke WebP

1. **Unggah gambar.** Seret ke jendela atau klik “Telusuri Berkas”. Konverter menerima JPG, PNG, BMP, dan GIF statis, puluhan file sekaligus.
2. **Atur kualitas.** Kualitas bawaan 80 cocok untuk sebagian besar situs. Untuk portofolio pilih 85 sampai 90, untuk pratinjau 70.
3. **Konversi dan unduh.** Tombol “Konversi” memproses seluruh batch, hasil WebP bisa diunduh satu per satu atau sebagai ZIP.

Yang ingin detail bisa membuka “Detail teknis” di bawah pratinjau, lengkap dengan kaca pembesar, perkiraan penghematan, dan kode HTML.

## Mengapa Mengonversi Gambar ke WebP

[WebP](https://id.wikipedia.org/wiki/WebP) adalah format dari Google yang dirancang untuk web. Menurut [studi Google](https://developers.google.com/speed/webp/docs/webp_study) (dalam bahasa Inggris), file WebP lossy pada kualitas yang sama 25 sampai 34% lebih kecil dari JPEG, dan WebP lossless sekitar 26% lebih kecil dari PNG. Gambar yang lebih kecil berarti halaman lebih cepat dimuat, hasil Core Web Vitals lebih baik, dan pemakaian data ponsel lebih hemat.

Selain itu WebP juga mendukung transparansi, sehingga bisa menggantikan PNG dengan latar transparan. Saat ini WebP [didukung semua browser umum](https://caniuse.com/webp) (dalam bahasa Inggris), termasuk Safari sejak versi 14.

## Fitur Tambahan Konverter WebP

### Perkiraan Penghematan Sebelum Konversi

Di detail teknis ada “Perkiraan dari sampel”: konverter mengodekan sampel kecil dari gambar terpilih dan menghitung perkiraan ukuran WebP dengan pengaturan yang dipilih, perkiraan ukuran JPEG pada kualitas yang sama, dan berapa persen yang bisa dihemat. Anda langsung tahu apakah konversi ini sepadan.

### Kode HTML dengan Format Cadangan

Konverter menyiapkan kode siap pakai untuk elemen `<picture>`: browser yang mendukung WebP memuat file baru, sisanya mendapat JPG atau PNG asli. Kodenya sudah mencakup dimensi gambar dan pemuatan lambat, tinggal disalin ke templat. Cara kerja `<picture>` dijelaskan di [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/picture) (dalam bahasa Inggris).

### Kaca Pembesar pada Perbesaran 100%

Klik pratinjau untuk menggeser kaca pembesar ke titik mana pun dan membandingkan gambar asli dengan hasilnya piksel demi piksel. Artefak [kompresi lesap](https://id.wikipedia.org/wiki/Kompresi_lesap) pertama kali muncul di teks, tepi, dan gradasi halus, di situlah paling perlu diperiksa.

### Transparansi Tetap Terjaga

PNG dengan latar transparan bisa diubah ke WebP tanpa kehilangan saluran alfa. Jika aplikasi tujuan tidak mendukung transparansi, aktifkan “Satukan transparansi ke satu warna”.

### Perlindungan dari Hasil yang Buruk

GIF animasi ditolak oleh konverter, sebab hanya bingkai pertama yang akan tersisa secara diam-diam. Saat hasil konversi malah lebih besar dari aslinya, yang biasa terjadi pada gambar yang sudah terkompresi baik, tabel menandainya dan satu klik pada “Simpan yang asli” mempertahankan file semula.

### Ubah Ukuran, Ganti Nama, Tanpa Metadata

Di “Opsi lanjutan”, perkecil gambar berdasarkan sisi terpanjang dalam piksel atau persentase, lalu ganti nama massal memakai `{name}`, `{width}`, `{height}`, dan `{index}`. Konversi menghapus EXIF, ICC, dan GPS, jadi foto tidak membocorkan lokasinya. Jika perlu memperkecil gambar ke dimensi tepat atau di bawah batas kB tertentu, gunakan [perkecil ukuran gambar](https://acrafto.com/id/perkecil-ukuran-gambar-online/).

## Kualitas WebP yang Tepat untuk Tiap Kebutuhan

| Tujuan | Kualitas | Catatan |
| :--- | :--- | :--- |
| Portofolio, foto produk | 85 sampai 90 | Detail tanpa kehilangan, tetap lebih kecil dari JPG |
| Situs dan blog biasa | 75 sampai 80 | Rasio terbaik antara kualitas dan ukuran |
| Pratinjau, galeri | 65 sampai 70 | File kecil, sedikit artefak |

## Kapan WebP dan Kapan Format Lain

- **Foto dan grafik untuk web:** WebP, dengan fallback `<picture>` untuk jaga-jaga.
- **Gambar untuk email, instansi, atau program lama:** lebih baik [JPG](https://acrafto.com/id/ubah-gambar-ke-jpg/), bisa dibuka di mana saja.
- **Bahan untuk diedit lagi dan dicetak:** [PNG](https://acrafto.com/id/konversi-gambar-ke-png/), tanpa kehilangan sama sekali.

Dimensi gambar di situs web bisa dicek cepat di [analisis dimensi gambar](https://acrafto.com/id/analisis-dimensi-gambar/).

## Pertanyaan Umum

### Bagaimana cara mengubah JPG ke WebP?

Unggah file JPG, biarkan kualitas di 80 atau ubah sesuai kebutuhan, lalu klik "Konversi". WebP biasanya seperempat sampai sepertiga lebih kecil pada kualitas visual yang sama. Berapa besar penghematan untuk foto tertentu bisa dilihat di perkiraan pada detail teknis.

### Bagaimana cara mengubah PNG ke WebP dan mempertahankan transparansi?

Cukup unggah PNG lalu konversi, transparansi otomatis terjaga. Jika sebaliknya tidak diinginkan, aktifkan "Satukan transparansi ke satu warna".

### Apakah semua browser mendukung WebP?

Ya, semua browser modern mendukungnya, termasuk Safari sejak versi 14. Untuk jaga-jaga di perangkat lama, gunakan kode HTML dengan elemen `<picture>` yang disiapkan konverter, browser lama akan memuat JPG atau PNG asli.

### Apakah WebP lebih baik dari JPG?

Untuk web, ya, pada kualitas yang sama WebP lebih kecil dan mendukung transparansi. Tapi JPG masih dibuka lebih banyak program, printer, dan instansi. Jadi pakai WebP untuk web, JPG untuk berbagi dan cetak.

### Mengapa konverter menolak GIF saya?

GIF animasi akan diam-diam berubah jadi satu bingkai statis saja saat dikonversi. Supaya hasilnya tidak mengejutkan Anda, konverter menolaknya. GIF statis tetap dikonversi tanpa masalah.

### Apakah gambar saya diunggah ke server?

Tidak. Konversi berjalan langsung di browser Anda dan file tidak dikirim ke mana pun.

## 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))
- Українська (uk): [Конвертер у WebP](https://acrafto.com/uk/perehvorennia-zobrazhen-u-webp/) ([Markdown](https://acrafto.com/uk/perehvorennia-zobrazhen-u-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))
- 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))