Panduan Gambar WebP: Cara Menggunakan Format WebP dengan WordPress
Diterbitkan: 2022-07-29Kita semua menyukai GIF yang bagus, tetapi format gambar telah berkembang jauh sejak pengenalan GIF pada tahun 1987. Desainer web yang cerdas telah beralih untuk merangkul JPEG, PNG, dan sekarang WebP.
Sementara GIF menikmati kehidupan kedua sebagai makanan untuk saluran Slack dan pesan teks, format WebP baru mulai mengambil alih web.
Dalam posting ini, kami memeriksa pertumbuhan WebP dan menawarkan tips tentang cara menggunakannya untuk situs web Anda. Anda akan belajar:
- Bagaimana formatnya bekerja?
- Manfaat gambar WebP
- Batasan menggunakan WebP
- Cara mengaktifkan gambar WebP untuk WordPress
Bagaimana Format WebP Bekerja
Berasal dari On2 Technologies, Google sedang mengembangkan WebP sebagai format gambar sumber terbuka dan berharap untuk menjadikannya standar baru yang diterima untuk gambar web.
WebP menawarkan kompresi gambar yang ditingkatkan. Anda dapat mengurangi ukuran file tanpa kehilangan kualitas gambar. WebP unik karena mendukung kompresi lossy dan lossless.
Kompresi lossless memungkinkan Anda untuk mengurangi ukuran file sambil mempertahankan kualitas gambar asli. Tidak ada data asli yang hilang, sehingga Anda dapat mengembalikan gambar ke kualitas dan ukuran aslinya.
Memanfaatkan hasil kompresi lossy dalam ukuran file yang lebih kecil. Kompresi lossy hanya menyimpan data yang diperlukan untuk menampilkan gambar dengan ukuran yang diperkecil. Anda tidak akan dapat memperbesar ukuran dan mempertahankan kualitas aslinya.
Untuk memanfaatkan WebP sepenuhnya, gunakan kompresi lossless untuk gambar yang perlu diskalakan ke berbagai ukuran, seperti gambar latar belakang. Gunakan kompresi lossy untuk gambar dengan dimensi tetap. Jika Anda mengetahui lebar maksimum gambar unggulan atau gambar produk untuk situs Anda, Anda dapat menyimpannya dengan kompresi lossy ke dimensi yang tepat.
Manfaat WebP
Jadi apa yang mendorong pertumbuhan WebP? Format ini menawarkan banyak keuntungan, termasuk kemudahan penggunaan dan kinerja. Mari jelajahi keuntungan utama menggunakan WebP untuk situs web Anda.
Mudah Mengkonversi Gambar Yang Ada
Anda dapat mengonversi PNG, GIF, atau JPEG yang ada dari situs Anda menjadi file WebP. Anda tidak akan mengorbankan kualitas dan biasanya akan mengurangi ukuran file.
Kompresi Lebih Baik
Jika Anda mengonversi PNG atau JPEG ke WebP, ukuran file WebP akan menjadi 30 hingga 50% lebih kecil dari aslinya. Gambar yang lebih kecil akan membantu halaman Anda memuat lebih cepat, itulah sebabnya kami merekomendasikan kompresi gambar sebagai salah satu cara terbaik untuk mempercepat situs WooCommerce Anda .
Performa Situs Lebih Baik
Memuat gambar dan halaman lebih cepat menciptakan pengalaman pengguna yang lebih baik. Anda juga dapat meningkatkan peringkat mesin pencari Anda dengan mengoptimalkan kecepatan situs Anda. Mesin pencari menempatkan premium pada seberapa cepat situs Anda dimuat. Situs yang memuat lebih cepat cenderung berperingkat lebih tinggi daripada yang lebih lambat.
Menyajikan gambar dalam format generasi berikutnya seperti WebP adalah salah satu dari 12 cara kami yang telah terbukti benar untuk meningkatkan Skor Google PageSpeed Insights Anda .
Dukungan untuk Transparansi dan Animasi
Siapa yang tidak suka GIF animasi? Dengan WebP, Anda beruntung. WebP mendukung animasi dan transparansi.
Dukungan Peramban yang Luas
Sebagian besar browser modern mendukung WebP. Peramban Safari Apple adalah satu-satunya yang bertahan tetapi akhirnya memperkenalkan dukungan WebP tahun lalu dengan Safari 14.
Keterbatasan WebP
Batasan utama WebP adalah memastikan kompatibilitas dalam semua cara Anda menggunakan gambar. Anda dapat mengalami masalah jika menggunakan data situs web untuk dimasukkan ke dalam kampanye email atau aplikasi seluler.
Pastikan untuk menguji semua tempat gambar akan muncul untuk memastikan format WebP akan berfungsi. Anda juga dapat mempertimbangkan untuk menawarkan dua versi gambar. Gunakan WebP jika diizinkan dan mundur JPEG atau PNG jika WebP tidak didukung.
Cara Mengaktifkan WebP dengan WordPress
WordPress mulai menawarkan dukungan WebP dengan versi 5.8. Jika server Anda mendukung WebP, Anda harus dapat mengunggah dan menggunakan gambar WebP seperti jenis gambar lain yang didukung.
Opsi untuk menggunakan gambar WebP di WordPress meliputi:
- Mengonversi Gambar Secara Manual. Gunakan alat online seperti CloudConvert untuk mengubah gambar ke WebP. Ini adalah tugas manual yang memakan waktu karena Anda harus mengunggah file ke konverter dan kemudian mengunggah file baru ke perpustakaan WordPress Anda.
- Plugin Pengoptimalan Gambar. Banyak plugin pengoptimalan gambar sudah menyertakan opsi untuk mengonversi dan menampilkan gambar sebagai file WebP. Periksa dokumentasi plugin Anda untuk melihat cara mengaktifkan opsi untuk situs Anda.
- Plugin WebP. Alih-alih plugin pengoptimalan, Anda juga dapat menggunakan plugin yang dirancang khusus seperti WebP Converter for Media untuk secara otomatis mengonversi gambar yang diunggah ke WebP.
Situs Lebih Cepat dengan WebP dan Pressable
Jika Anda tertarik dengan WebP, Anda mungkin ingin situs Anda dimuat secepat mungkin. Mengurangi ukuran file gambar Anda menjadi dua dengan kompresi WebP yang luar biasa adalah tempat yang bagus untuk memulai. Cara lain untuk memastikan situs Anda bekerja secepat mungkin adalah dengan memilih host yang tepat.
Di Pressable, layanan hosting kami memberikan kinerja terbaik untuk situs WordPress. Layanan hosting terkelola berbasis cloud kami membuat pengelolaan situs Anda menjadi sederhana sekaligus menawarkan waktu aktif 100% dan kecepatan secepat kilat. Oh, dan dukungan WebP? Kami punya itu tertutup. Jaringan CDN global kami juga mendukung WebP, sehingga Anda dapat menuai semua manfaat peningkatan kecepatan menggunakan format gambar baru ini.
Untuk mempelajari lebih lanjut tentang bagaimana Pressable membuat WordPress bekerja lebih baik, pesan demo kustom hari ini.
