Ubah PNG ke WEBP
File Anda dikonversi di perangkat Anda. File tidak pernah diunggah.
atau seret ke sini, atau tempel dengan Ctrl+V / ⌘V
.png
- File tetap di perangkat Anda
- Banyak file + ZIP
- Tanpa daftar, tanpa batas
Konverter ini berjalan di browser dan butuh JavaScript. Aktifkan JavaScript untuk mengonversi; langkah-langkah di bawah menjelaskan semuanya.
Pengaturan
Jadikan PNG yang berat sebagai WEBP yang ringkas untuk website dan aplikasi, lengkap dengan transparansi.
Halaman ini untuk Anda yang membangun atau mengelola website, toko online, dan aplikasi. PNG sering menjadi bagian terberat di sebuah halaman web, dan WEBP adalah obat yang biasa: semua browser masa kini menampilkannya, ia mendukung transparansi seperti PNG, dan untuk foto serta foto produk ukurannya hanya sebagian kecil. Konversi satu folder grafis atau tangkapan layar di sini, tanpa mengunggahnya ke mana pun, lalu pasang di situs Anda.
Cara mengubah PNG ke WEBP
- Masukkan file PNG: foto produk, gambar banner utama, tangkapan layar, atau ikon.
- Biarkan kualitas 85 untuk foto; coba 90–95 untuk tangkapan layar dengan teks kecil. Isi ukuran maksimum seperti 1920 px jika aslinya lebih besar dari yang akan pernah ditampilkan.
- Tekan Konversi dan unduh WEBP, atau ZIP berisi semuanya.
Apa yang terjadi pada kualitas, ukuran, dan metadata
Konversi ini memakai WEBP lossy, jadi sebagian detail yang tak terlihat dibuang demi file yang jauh lebih kecil. Pada kualitas bawaan 85, foto tampak sama dengan PNG; grafis rata mungkin sedikit melembut di sepanjang tepi berwarna yang tajam, dan kualitas lebih tinggi memperbaikinya. Transparansi dipertahankan, termasuk bayangan lembut dan tepi yang dihaluskan.
Jika PNG sumber membawa data kamera, data itu tidak ikut: WEBP dari alat ini tidak berisi EXIF. Penghematan terbesar terjadi pada PNG yang mirip foto dan terkecil pada ikon sederhana yang memang sudah mungil.
- File uji
- 30
- Rata-rata masukan
- 14,7 MB
- Rata-rata hasil
- 1,2 MB
- Perubahan ukuran
- 92% lebih kecil
- Waktu per file
- 897 ms
PNG vs WEBP
| Nama lengkap | PNG | WEBP |
|---|---|---|
| Nama lengkap | Portable Network Graphics | WebP |
| Diperkenalkan | 1996 | 2010 |
| Ditetapkan oleh | W3C · ISO/IEC 15948 | Google · RFC 9649 |
| Kompresi | Lossless | Lossy atau lossless |
| Transparansi | Ya | Ya |
| Animasi | Ya | Ya |
| Ukuran terbesar | 2,147,483,647 × 2,147,483,647 px | 16,383 × 16,383 px |
| Chrome / Edge | Ya | Ya |
| Safari | Ya | Ya |
| Firefox | Ya | Ya |
| Windows | Ya | Ya |
| iPhone / iPad | Ya | Ya |
| Android | Ya | Ya |
| Penggunaan umum | Tangkapan layar, logo, ikon, diagram, dan gambar apa pun yang butuh latar transparan. | Gambar di website dan aplikasi, di mana file kecil berarti halaman lebih cepat. |
PNG PNG adalah format gambar lossless yang diterbitkan W3C pada 1996 dan kemudian menjadi ISO/IEC 15948. Setiap piksel disimpan persis, dan transparansi penuh didukung, sehingga ideal untuk tangkapan layar, logo, dan teks. Foto yang disimpan sebagai PNG biasanya beberapa kali lebih besar daripada sebagai JPG.
WEBP WebP adalah format gambar yang dirilis Google pada 2010 dan didokumentasikan sebagai RFC 9649. Ada mode lossy dan lossless, transparansi, serta animasi, dan biasanya 25–35% lebih kecil dari JPG atau PNG pada kualitas serupa. Website banyak memakainya, tetapi sebagian aplikasi desktop dan formulir unggah masih menolaknya.
Sumber tabel ini
- www.w3.org/TR/png-3/
- www.iso.org/standard/29581.html
- caniuse.com/apng
- developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types
- developer.android.com/media/platform/supported-formats
- www.rfc-editor.org/rfc/rfc9649
- developers.google.com/speed/webp/faq
- caniuse.com/webp
Data dukungan browser: caniuse.com, CC BY 4.0.
Tanpa situs ini
Windows dan macOS bisa membuka file WEBP tetapi tidak punya cara bawaan untuk menyimpannya: Paint dan Preview tidak mencantumkan WEBP di format ekspornya. Editor gambar dan alat baris perintah bisa melakukannya, dan kebanyakan pembuat website serta CMS mengubah unggahan ke WEBP di server mereka sendiri. Halaman browser seperti ini adalah cara tercepat tanpa instalasi saat Anda ingin memegang file WEBP-nya sendiri.
Mengatasi masalah
- Perangkat lunak yang sangat lama. Sebagian aplikasi desktop lama dan aplikasi email tidak menampilkan WEBP. Simpan salinan PNG atau JPG untuk keperluan itu.
- Ikon mungil malah membesar. Ikon 2 KB mungkin tidak menyusut. Biarkan sebagai PNG atau pakai SVG.
- Tepi teks tampak lembut. Naikkan kualitas ke 90–95 untuk tangkapan layar dan gambar antarmuka.
- Safari. Safari tidak bisa menulis WEBP sendiri, jadi di Safari kami memuat encoder kecil sekali; setelah itu konversi berjalan sama.
Tanya jawab
Seberapa kecil WEBP dibanding PNG?
Untuk foto dan foto produk yang disimpan sebagai PNG, WEBP lossy biasanya berkali-kali lebih kecil; tabel benchmark di atas menunjukkan angkanya untuk satu set contoh. Untuk logo dan ikon dengan sedikit warna, hasilnya sedang, kadang tidak ada. Makin besar dan makin mirip foto PNG-nya, makin besar penghematannya.
Apakah WEBP mendukung transparansi?
Ya. WEBP punya kanal alfa penuh, jadi latar transparan, bayangan lembut, dan tepi halus muncul persis seperti di PNG. Itulah alasan utama memilih WEBP daripada JPG untuk logo dan foto produk tanpa latar di website.
Apakah semua browser mendukung WEBP?
Semua browser utama masa kini mendukungnya: Chrome, Edge, Firefox, Opera, dan Safari (sejak Safari 14 di macOS Big Sur dan iOS 14). Untuk website publik, itu mencakup hampir semua pengunjung. Jika harus mendukung sistem yang sangat lama, sediakan cadangan PNG atau JPG dengan elemen picture.
Perlukah semua gambar website saya diubah ke WEBP?
Foto, banner, dan gambar produk, hampir selalu: lebih cepat dimuat dan tampak sama. Logo sederhana lebih baik sebagai SVG, dan ikon mungil mungkin tidak mendapat apa-apa. Simpan PNG asli sebagai induk, karena WEBP kualitas 85 bersifat lossy dan Anda tidak ingin mengompresnya ulang berkali-kali.