Cara mengonversi PNG ke WebP
- Seret dan lepas satu atau beberapa gambar
.pngke area unggah. - Pilih Kualitas. Nilai 80 cocok untuk sebagian besar grafis; naikkan untuk ilustrasi yang detail atau teks yang halus.
- Klik Konversi ke WebP dan unduh hasilnya. Latar belakang transparan tetap dipertahankan.
Gambar diproses secara lokal di browser Anda dan tidak pernah diunggah ke server.
Mengapa mengganti PNG dengan WebP di web?
PNG bersifat lossless dan mendukung transparansi, itulah sebabnya PNG menjadi format standar untuk logo, ikon, ilustrasi, tangkapan layar, dan gambar produk dengan latar belakang yang dihapus. Kelemahannya adalah ukuran: file PNG dari grafis dan foto yang detail bisa sangat besar, dan sering menjadi bagian besar dari total bobot sebuah halaman.
WebP juga mendukung transparansi alfa penuh, tetapi bisa menggabungkannya dengan kompresi lossy yang efisien. Hal ini tidak bisa dilakukan PNG maupun JPG: JPG kecil tetapi tidak bisa transparan, sedangkan PNG transparan tetapi besar. Foto produk transparan yang disimpan sebagai WebP sering kali hanya sebagian kecil dari ukuran PNG yang sama, dan tetap tampil rapi di atas warna latar belakang apa pun.
| PNG | WebP | |
|---|---|---|
| Kompresi | Hanya lossless | Lossy atau lossless |
| Transparansi | Ya | Ya, bahkan dengan kompresi lossy |
| Ukuran file | Besar, terutama untuk foto | Jauh lebih kecil |
| Dukungan browser | Universal | Semua browser modern |
| Editor gambar dan aplikasi perkantoran | Universal | Bervariasi |
Gambar yang paling cocok untuk dikonversi
- Gambar produk dengan latar belakang transparan di toko online: penghematan besar, transparansi tetap terjaga.
- Tangkapan layar dan ilustrasi yang ditampilkan di situs web, blog, dan dokumentasi.
- Foto yang tidak sengaja disimpan sebagai PNG, yang ukurannya bisa menyusut drastis.
- Latar belakang situs, banner, dan gambar hero yang memengaruhi kecepatan muat halaman.
Tetap gunakan PNG untuk file sumber yang akan Anda edit lagi, untuk file yang dikirim ke orang atau program yang mungkin tidak mendukung WebP, dan untuk ikon kecil yang perbedaannya tidak berarti. Untuk favicon.ico, gunakan PNG ke ICO.
Tips
- Periksa teks dan tepi yang tajam. Kompresi lossy bisa melembutkan garis halus dan huruf kecil. Jika Anda melihat artefak, naikkan kualitasnya.
- Ubah ukuran grafis yang terlalu besar sesuai ukuran tampilannya dengan Ubah Ukuran Gambar sebelum atau saat konversi.
- Simpan file PNG asli Anda, karena WebP paling baik diperlakukan sebagai format penyajian untuk web.
Pertanyaan yang sering diajukan
Apakah WebP mempertahankan latar belakang transparan?
Ya. WebP mendukung saluran alfa penuh, sehingga piksel transparan dan semi-transparan tetap terjaga.
Seberapa jauh lebih kecil WebP dibandingkan PNG?
Tergantung gambarnya. Foto dan grafis detail yang disimpan sebagai WebP lossy sering kali berkali-kali lebih kecil daripada PNG-nya, sedangkan grafis datar yang sederhana mendapat penghematan yang lebih sedikit.
Bisakah saya memakai WebP di mana saja?
Di situs web, bisa: setiap browser modern menampilkan WebP. Beberapa aplikasi desktop, paket aplikasi perkantoran, dan formulir unggahan masih mengharapkan PNG atau JPG, jadi simpan file aslinya untuk keperluan tersebut.
Bisakah saya mengonversi WebP kembali ke PNG nanti?
Bisa, dengan konverter WebP ke PNG kami, meskipun detail yang dihapus oleh kompresi lossy tidak bisa dikembalikan.
Diperbarui