Konversi PNG ke WebP
PNG adalah format tempat desainer mengekspor dan WebP adalah format yang seharusnya disajikan situs web. Konversi memangkas ukuran file dua pertiga atau lebih sambil mempertahankan transparansi, dan setiap browser terkini bisa menampilkan hasilnya. Konversi berjalan di perangkat Anda, jadi tidak ada yang diunggah.
Letakkan file di sini atau klik untuk memilih
Hasil
Cara mengonversi PNG ke WebP
- Letakkan satu atau banyak gambar PNG di alat di bawah.
- Format keluaran sudah diatur ke WebP. Sesuaikan kualitas jika mau.
- Klik jalankan untuk mengonversi.
- Unduh setiap WebP, atau ambil semuanya sebagai ZIP.
Mengapa file PNG sangat besar
PNG lossless. Setiap piksel disimpan persis, itulah yang membuatnya sempurna untuk logo, tangkapan layar, dan grafik antarmuka, dan juga mengapa foto PNG bisa 10 sampai 20 kali lebih besar dari gambar yang sama sebagai JPG. Alat desain mengekspor PNG secara default karena aman, bukan karena efisien. Hasilnya banyak situs web menyajikan PNG berukuran beberapa megabyte untuk gambar yang bisa hanya beberapa ratus kilobyte.
Apa yang dilakukan WebP secara berbeda
WebP dirancang Google khusus untuk web. Ia punya dua mode. WebP lossy menggunakan prediksi dan pengkodean transformasi mirip kompresi video dan biasanya menghasilkan file 25 sampai 35% lebih kecil dari JPG pada kualitas visual yang sama, dan jauh lebih kecil dari PNG. WebP lossless menyimpan piksel persis seperti PNG tapi dengan skema kompresi lebih cerdas, biasanya 20 sampai 30% lebih kecil dari PNG yang dioptimalkan. Kedua mode mendukung transparansi, itulah alasan utama PNG ke WebP menjadi konversi yang sangat umum: format pertama yang didukung luas yang memungkinkan Anda mempertahankan saluran alfa tanpa membayar penalti ukuran PNG.
Memilih pengaturan kualitas
| PNG sumber berisi | Kualitas WebP yang disarankan | Hasil |
|---|---|---|
| Logo, ikon, ilustrasi datar | 90 sampai 100 | Tepi tajam dipertahankan, tetap 50%+ lebih kecil dari PNG |
| Tangkapan layar dengan teks | 85 sampai 95 | Teks tetap terbaca, biasanya 60 sampai 70% lebih kecil |
| Foto atau render 3D | 75 sampai 85 | Secara visual identik pada ukuran normal, 80 sampai 90% lebih kecil |
| Potongan produk transparan | 85 sampai 90 | Tepi tetap bersih, saluran alfa dipertahankan |
Di mana menggunakan WebP
Sajikan WebP di mana pun browser adalah penampilnya: situs web, aplikasi web, template email untuk klien modern, dan CDN gambar. WordPress, Shopify, Webflow, Squarespace, dan Wix semuanya menerima unggahan WebP saat ini. Jika Anda perlu mendukung penampil lawas sekaligus, pendekatan standarnya adalah elemen HTML <picture> dengan sumber WebP di depan dan fallback PNG atau JPG.
Jangan konversi ke WebP untuk serahan cetak, untuk mengarsipkan karya master, atau untuk dikirim ke klien yang akan membuka file di Photoshop atau Illustrator versi lama. Simpan master PNG dan perlakukan WebP sebagai format pengiriman.
Konversi batch
Seluruh folder aset PNG yang diekspor bisa diletakkan sekaligus. Masing-masing dikonversi dengan pengaturan kualitas yang sama dan hasilnya diunduh sebagai satu ZIP dengan nama file asli dan ekstensi .webp, jadi menukarnya ke proyek hanyalah cari-dan-ganti pada ekstensinya.
Pertanyaan yang sering diajukan
Apakah WebP mempertahankan latar transparan dari PNG saya?
Ya. WebP mendukung saluran alfa 8-bit penuh, jadi tepi halus, bayangan, dan area semi-transparan tetap persis seperti di PNG.
Sebaiknya pakai WebP lossless atau lossy?
Untuk logo, ikon, dan tangkapan layar dengan teks tajam, gunakan pengaturan kualitas tinggi agar hasilnya tetap tajam. Untuk foto yang diekspor sebagai PNG, kualitas 80 sampai 85 memberi penghematan besar tanpa kehilangan yang terlihat.
Browser dan aplikasi apa yang membuka WebP?
Chrome, Edge, Firefox, Safari (sejak versi 14), dan setiap browser seluler terkini menampilkan WebP. Windows Photos dan macOS Preview membukanya. Beberapa perangkat lunak desktop lama dan klien email tidak, jadi simpan PNG atau JPG untuk itu.
Mengapa WebP saya kadang lebih besar dari PNG?
Gambar mungil dengan sangat sedikit warna, seperti ikon 32 piksel, mungkin sudah mendekati ukuran minimumnya sebagai PNG. WebP unggul pada apa pun yang lebih besar dari beberapa ratus piksel.
File Anda tidak pernah meninggalkan perangkat Anda
Setiap alat di Squishly Tools 100% gratis dan berjalan sepenuhnya di dalam browser Anda. Gambar dan dokumen Anda diproses di komputer Anda sendiri dan tidak pernah diunggah ke server. Tanpa akun, tanpa watermark, dan tanpa jebakan.