Apa yang diberikan WebP untuk sebuah situs web
WebP dirilis Google pada 2010 sebagai pengganti JPG, PNG, dan GIF yang dirancang khusus untuk web. Mode lossy-nya didasarkan pada pengodean intra-frame dari codec video VP8: setiap blok piksel diprediksi dari tetangganya dan hanya selisihnya yang disimpan, yang lebih efisien daripada blok 8×8 tetap milik JPG. Pada kualitas visual yang sama, foto biasanya seperempat hingga sepertiga lebih kecil.
Pada satu gambar, penghematan itu terlihat kecil. Pada satu halaman, jumlahnya menumpuk: daftar produk dengan 40 foto masing-masing 200 KB berkurang kira-kira 2 hingga 3 MB setelah dikonversi. Gambar yang lebih kecil lebih cepat tampil di layar, yang memperbaiki Largest Contentful Paint, metrik pemuatan yang dipakai mesin pencari, dan mengurangi pemakaian data seluler pengunjung.
Semua browser saat ini menampilkan WebP, dan sebagian besar sistem konten menerimanya untuk diunggah, termasuk WordPress sejak versi 5.8 dan platform toko online besar. Untuk situs yang dibangun dalam beberapa tahun terakhir, jarang ada alasan untuk tetap menyajikan JPG biasa.
Kapan sebaiknya tetap memakai JPG
WebP adalah format penyajian, bukan format arsip. Simpan file asli Anda sebagai JPG (atau lebih baik lagi, sebagai file asli dari kamera) dan konversikan salinannya untuk diterbitkan. Tetap gunakan JPG jika:
- File akan dicetak, dikirim ke lab foto, atau ke klien yang akan membukanya di perangkat lunak desktop lama.
- File menjadi lampiran email untuk orang yang aplikasi emailnya tidak Anda ketahui.
- Anda akan mengedit gambar lagi nanti. Setiap penyimpanan lossy mengorbankan sedikit detail, dan alat edit menangani JPG dengan lebih konsisten.
Jika seseorang mengirim balik WebP dan tidak bisa membukanya, WebP ke JPG membalik prosesnya.
Bagaimana konverter ini menangani file Anda
Gambar didekode oleh browser Anda, digambar di canvas dalam ukuran aslinya, dan dikodekan sebagai WebP dengan encoder bawaan browser, di worker latar belakang jika tersedia. File tetap di perangkat Anda.
JPG dan PNG sama-sama diterima. Input PNG berguna untuk screenshot dan grafis dengan transparansi: kanal alfa dipertahankan, jadi foto produk yang sudah dipotong latarnya tetap tampil rapi di atas latar apa pun. JPG tidak punya transparansi, jadi input JPG menghasilkan WebP yang opak.
Dimensi piksel tidak berubah. Format WebP sendiri dibatasi 16383 px per sisi, jadi panorama yang sangat besar perlu diperkecil sebelum dikonversi. Metadata seperti detail kamera EXIF dan lokasi GPS tidak disalin ke hasil, yang biasanya memang Anda inginkan untuk gambar yang diterbitkan online.
Pengaturan kualitas yang terbukti
Slider berkisar dari 10% hingga 100% dan dimulai di 85%. Skala kualitas WebP tidak sama dengan JPG, jadi jangan sekadar menyalin angka yang Anda pakai untuk JPG. Beberapa titik acuan:
- 80–85% untuk foto di halaman konten. Di rentang inilah WebP memberi sebagian besar penghematannya tanpa perubahan yang terlihat pada ukuran tampilan normal.
- 70–75% untuk thumbnail, kisi daftar, dan gambar latar di mana gambarnya kecil atau sebagian tertutup teks.
- 90–95% untuk hero image di layar besar dan screenshot dengan teks halus. WebP lossy menyimpan warna dengan setengah resolusi, jadi garis berwarna yang tipis dan teks merah di latar gelap bisa tampak sedikit lembut pada pengaturan lebih rendah.
Hindari 100% untuk foto. Pengaturan ini menghasilkan file yang sering lebih besar daripada JPG awalnya, tanpa peningkatan yang terlihat, karena artefak kompresi JPG itu sendiri ikut dipertahankan secara detail.
Memaksimalkan hasil konversi
JPG yang sudah dikompres keras tidak akan menyusut banyak lagi. Mengonversi JPG 60 KB yang disimpan pada kualitas 60 mungkin hanya menghemat beberapa persen, dan putaran kedua kompresi lossy bisa membuat kotak-kotak lebih terlihat. Penghematan terbesar datang dari file asli berkualitas tinggi.
Urutan langkah lebih penting daripada nilai kualitas yang persis:
- Mulai dari versi terbesar dan berkualitas terbaik yang Anda miliki.
- Ubah ukuran ke ukuran yang benar-benar ditampilkan halaman, misalnya lebar 1600 px untuk gambar selebar layar atau 600 px untuk kartu.
- Konversikan ke WebP pada 80–85% dan bandingkan ukuran sebelum dan sesudah yang ditampilkan untuk setiap file.
Pemrosesan banyak file didukung, dengan batas 50 MB per file. Setiap file dalam satu kumpulan memakai kualitas yang sama, jadi jika Anda mencampur foto dan screenshot, konversikan dalam dua putaran dengan pengaturan yang sesuai untuk masing-masing.