Tidak. Kelima preset kualitas termasuk dalam mode lossy, termasuk Kualitas tertinggi. Pilih mode Lossless yang terpisah untuk menghindari pengodean WebP lossy. Mode ini tetap tidak membatalkan pengubahan ukuran atau konversi warna, maupun mempertahankan seluruh informasi sumber.
Konverter PNG ke WebP
Ubah satu PNG berukuran hingga 20 MB menjadi WebP statis. Pilih salah satu dari lima preset kualitas lossy atau mode lossless yang terpisah, lalu ubah ukuran secara proporsional bila perlu. Transparansi yang ada dapat dipertahankan, tetapi ukuran file yang lebih kecil tidak dijamin; bandingkan hasil unduhan dengan PNG Anda.
Fungsi konverter PNG ke WebP ini
Buat salinan WebP dari PNG untuk browser, CMS, atau tujuan lain yang menerima WebP.
Konverter ini menyediakan kontrol ekspor praktis sebelum konversi:
| Pengaturan | Yang berubah | Kapan digunakan |
|---|---|---|
| Lebar dan tinggi | Memuat gambar secara proporsional tanpa peregangan atau pemotongan; hasil WebP dibatasi hingga 16.383 px per sisi | Buat file sesuai ukuran tampilan, alih-alih mempertahankan PNG yang terlalu besar |
| Mode Lossy | Menggunakan kompresi WebP yang dapat disesuaikan | Gambar situs web, kartu, thumbnail, dan grafik konten yang lebih kecil |
| Mode Lossless | Menggunakan pengodean WebP lossless; tidak mempertahankan keseluruhan file sumber atau membatalkan pengubahan ukuran | Logo, ikon, tangkapan layar, gambar dengan banyak teks, dan grafik yang lebih tajam |
| “Kompresi kuat” atau “Kompresi sedang” | Mengutamakan file yang lebih kecil | Gambar pratinjau, thumbnail, dan grafik yang tidak krusial |
| “Seimbang” | Pengaturan bawaan yang seimbang | Sebagian besar konversi PNG ke WebP |
| “Kualitas tinggi” atau “Kualitas tertinggi” | Mempertahankan lebih banyak detail yang terlihat | Visual produk, tangkapan layar mendetail, gradasi, dan desain penting |
Unggah satu PNG berukuran hingga 20 MB. Kolom dimensi menerima 1–16.383 px; kedua sisi hasil harus tetap dalam batas 16.383 px, meskipun satu atau kedua kolom kosong.
Gunakan halaman ini jika file sumber Anda adalah PNG dan hasil yang dibutuhkan adalah WebP. Untuk arah sebaliknya, gunakan WebP ke PNG. Jika Anda hanya perlu memperkecil gambar tanpa mengganti format ke WebP, gunakan Kompres Gambar.
Cara mengubah PNG ke WebP online
1
Unggah file PNG Anda
Pilih atau seret satu PNG berukuran hingga 20 MB. Unggahan untuk pemrosesan di server dimulai saat file dipilih; tunggu hingga selesai. Gunakan sumber gambar diam jika Anda membutuhkan hasil satu gambar yang dapat diperkirakan.
2
Pilih pengaturan ukuran dan kompresi
Kosongkan kedua dimensi untuk mempertahankan ukuran sumber hasil dekode jika ukurannya sesuai dengan batas WebP. Satu sisi menghitung sisi lainnya secara proporsional; dua sisi menentukan kotak pembatas untuk memuat gambar tanpa peregangan atau pemotongan. Lebar dan tinggi akhir masing-masing harus paling besar 16.383 px.
- •Mode Lossy memiliki lima preset kualitas. Lossless adalah pilihan pengodean terpisah yang menyembunyikan pemilih kualitas. Mode ini menghindari pengodean WebP lossy, tetapi tidak membatalkan konversi warna atau pengubahan ukuran, mempertahankan metadata sumber, atau mempertahankan PNG 16-bit sebagai file 16-bit.
3
Pilih kualitas untuk WebP lossy
Mulai dengan Seimbang, atau coba Kompresi kuat, Kompresi sedang, Kualitas tinggi, atau Kualitas tertinggi. Bahkan Kualitas tertinggi tetap lossy. Nama-nama ini menggambarkan kompromi, bukan persentase kompresi atau janji ukuran hasil.
4
Konversi dan unduh file WebP
Klik Ubah ke WebP dan unduh hasilnya. Bandingkan teks, gradasi, tepi transparan, dimensi, dan ukuran file pada ukuran tampilan yang dituju. Simpan PNG asli Anda untuk pengeditan dan pastikan tujuan penggunaannya menerima WebP.
Memilih pengaturan kompresi PNG ke WebP
Uji pengaturan pada PNG Anda sendiri. WebP dapat berguna untuk distribusi, tetapi PNG berpalet atau gambar yang sudah dioptimalkan mungkin tetap lebih kecil. Pilih preset lossy atau mode lossless berdasarkan tampilan hasil dan ukuran file yang diukur, bukan hanya nama formatnya.
| Tujuan hasil | Pengaturan yang disarankan | Alasannya |
|---|---|---|
| Thumbnail situs web kecil | “Kompresi kuat” atau “Kompresi sedang” | Menjaga ukuran file tetap kecil sambil mempertahankan detail yang cukup pada ukuran kecil |
| Grafik web umum | “Kompresi sedang” atau “Seimbang” | Keseimbangan yang baik untuk gambar konten, kartu, dan bagian halaman |
| Logo atau ikon transparan | Lossless atau “Kualitas tinggi” atau “Kualitas tertinggi” | Membantu menjaga tepi dan piksel semitransparan |
| Tangkapan layar berisi teks | Lossless atau “Kualitas tinggi” atau “Kualitas tertinggi” | Menjaga bentuk huruf, garis, dan detail antarmuka tetap lebih bersih |
| Aset PNG yang terlalu besar | Ubah ukuran serta gunakan “Kompresi sedang” atau “Seimbang” | Mengurangi dimensi sering kali menghemat lebih banyak daripada kompresi saja |
Bagi sebagian besar pengguna, “Seimbang” adalah pilihan paling aman untuk percobaan awal. Unduh file WebP dan bandingkan pada ukuran tampilan sebenarnya. Artefak kecil yang terlihat jelas pada pembesaran 300 persen mungkin tidak berarti pada thumbnail, sedangkan masalah kecil pada tepi bisa sangat terlihat pada logo di atas latar belakang gelap.
Lossless menjelaskan mode pengodean WebP, bukan arsip PNG yang lengkap. Hasilnya berupa gambar 8-bit; pengubahan ukuran dan konversi warna dapat mengubah gambar, dan metadata sumber tidak dipertahankan. Simpan file asli jika kedalaman bit, profil warna, atau informasi sumber lainnya penting bagi Anda.
PNG transparan ke WebP
WebP dapat mempertahankan transparansi PNG yang sudah ada untuk ikon, logo, lencana, stiker, dan lapisan gambar.
Gunakan pengaturan kualitas lebih tinggi atau mode lossless jika tepi transparan penting. Garis tepi tipis, bayangan halus, antialiasing, dan piksel semitransparan dapat membuat artefak kompresi lebih mudah terlihat, terutama saat hasil WebP diletakkan di atas latar belakang gelap, berpola, atau berwarna.
Periksa WebP unduhan di atas latar belakang tempat gambar akan digunakan. Transparansi yang ada dapat dipertahankan, tetapi mode lossy maupun lossless tidak menghapus latar belakang putih atau berwarna yang tidak transparan. Gunakan Pembuat Latar Belakang Transparan secara terpisah jika Anda perlu memisahkan objek dari latarnya secara otomatis.
Kapan menggunakan WebP sebagai pengganti PNG
Gunakan salinan WebP untuk distribusi pada penempatan berikut jika sistem penerima mendukung format tersebut.
| Penggunaan | Manfaat WebP |
|---|---|
| Grafik situs web | WebP dapat mengurangi total ukuran data halaman untuk browser yang mendukungnya |
| Gambar blog dan dokumentasi | File distribusi yang lebih kecil membuat artikel panjang lebih mudah dimuat |
| Kartu produk dan thumbnail | Gambar yang digunakan berulang kali mendapat manfaat dari ukuran file yang lebih ringan |
| Tangkapan layar UI | Pilihan ukuran dan kualitas dapat menyiapkan aset dokumentasi yang lebih bersih |
| Ikon dan lencana transparan | WebP dapat menyimpan transparansi dalam format yang cocok untuk web |
Simpan PNG asli sebagai sumber atau file cadangan Anda. WebP sangat baik untuk distribusi, tetapi Anda mungkin masih membutuhkan PNG untuk pengeditan, kompatibilitas, atau ekspor ke format modern lain seperti AVIF.
Kesalahan umum yang perlu dihindari
Jangan mengganti nama .png menjadi .webp secara manual
Mengganti ekstensi tidak mengonversi data gambar. Konversi PNG ke WebP yang sebenarnya harus mendekode sumber PNG dan mengodekan file hasil WebP.
Jangan menganggap setiap WebP pasti lebih kecil
WebP efisien, tetapi ukuran akhir bergantung pada isi gambar, dimensi, kualitas, dan pilihan mode lossy atau lossless. Bandingkan hasilnya sebelum Anda mengganti aset penting.
Jangan gunakan mode lossy untuk setiap grafik transparan
WebP lossy dapat menjadi pilihan yang baik untuk banyak gambar situs web, tetapi tepi yang tajam dan desain transparan mungkin membutuhkan kualitas lebih tinggi atau mode lossless. Uji gambar transparan di atas latar belakang tempat gambar akan ditampilkan.
Simpan sumber dan hasilnya
Saat Anda memilih PNG, file diunggah untuk diproses di server. File yang diunggah dan dihasilkan mengikuti proses pembersihan file sementara. Simpan file asli secara lokal dan segera unduh WebP yang selesai; salinan ekspor bukan cadangan seluruh informasi PNG.
Pertanyaan yang sering diajukan
20 MB adalah batas ukuran file, sedangkan hasil WebP memiliki batas terpisah sebesar 16.383 px pada setiap sisi. PNG yang besar mungkin membutuhkan nilai lebar dan tinggi yang lebih kecil sebelum dikonversi. Mengisi hanya satu sisi masih bisa membuat sisi lainnya yang dihitung terlalu besar, dan semua file juga harus dapat didekode.
Kedua nilai menentukan kotak pembatas. Misalnya, 2400×1600 yang dimuat di dalam 1200×1200 menjadi 1200×800. Gambar mempertahankan proporsinya dan tidak dipotong atau diregangkan untuk memenuhi persegi panjang tersebut.
Tidak. Hasilnya berupa WebP 8-bit, bukan arsip kedalaman bit, metadata, atau profil warna asli PNG. Lossless berlaku pada pengodean gambar yang telah diproses; simpan PNG berkedalaman bit tinggi atau yang membutuhkan ketepatan warna sebagai file induk.
Sumbernya mungkin sudah efisien, dan ukuran bergantung pada detail, dimensi, serta mode pengodean. Coba preset lossy lain atau mode lossless dan bandingkan unduhannya. Tidak ada target KB yang persis atau jaminan pengurangan ukuran.
Transparansi alfa yang ada dapat dipertahankan, termasuk dalam mode lossy. Latar belakang putih atau berwarna yang sudah menjadi bagian piksel tidak akan hilang. Periksa tepi pada latar belakang akhir; penghapusan latar belakang adalah proses terpisah.
Tidak. Halaman ini memproses satu PNG menjadi satu WebP statis; alat ini tidak menyusun rangkaian gambar atau menyediakan hasil animasi. Gunakan Pembuat GIF jika animasi GIF dari gambar-gambar diam terpisah sesuai dengan kebutuhan Anda; format hasilnya berbeda.