Kecepatan laman dan kinerja situs web merupakan beberapa indikator terbaik asal situs web yg berfungsi menggunakan baik serta andal. Pengembang web terus mencari serta mencoba menemukan pendekatan terbaik berikutnya buat memastikan kinerja optimal serta meningkatkan kecepatan pemuatan situs web. galat satu hal primer buat mewujudkannya adalah melalui kompresi gambar. Format gambar modern dengan nama WebP, telah merevolusi kompresi gambar sebab jenis gambar ini mempunyai kemampuan buat menghasilkan file gambar menggunakan kualitas yang sama atau bahkan lebih tinggi buat berukuran arsip yg lebih kecil. intinya, Anda akan memiliki gambar menggunakan berukuran arsip yang jauh lebih mungil tanpa mengorbankan kualitas atau mengurangi resolusinya. Sama-sama menguntungkan, bukan?
Gambar WebP
Gambar WebP pertama kali diumumkan sang Google pada tahun 2010 menjadi cara lain terkompresi buat format gambar lain mirip JPEG, PNG, dan GIF. di akhir 2018, format arsip didesain terbuka buat dipergunakan siapa saja pada internet. Popularitas gambar WebP telah berkembang selama bertahun-tahun, serta kini hampir 96% browser web mendukung format arsip gambar ini.
sekarang, Anda mungkin berpikir, apa perbedaan gambar WebP menggunakan format gambar lainnya? Nah, disparitas utamanya terletak di bentuk gambar itu. tidak seperti format gambar lainnya, gambar WebP tidak menyimpan setiap piksel gambar, kebalikannya, mereka memakai teknologi yg dianggap “pengkodean prediktif” yg pada dasarnya berarti bahwa WebP hanya menerjemahkan disparitas antara blok piksel di sekitarnya menggunakan memprediksi nilai berasal blok tersebut, mirip menggunakan format file gambar lainnya, gambar WebP bisa dikompres atau dikecilkan lebih lanjut menggunakan atau tanpa menghambat kualitas.
WebP adalah format gambar yang dikembangkan oleh Google yang memberikan ukuran file yang lebih kecil dan kualitas gambar yang lebih baik dibandingkan dengan format gambar tradisional seperti JPEG dan PNG. Dalam WordPress, Anda dapat menggunakan format gambar WebP untuk mempercepat waktu muat situs Anda. Namun, tidak semua browser mendukung format gambar WebP, jadi Anda perlu memastikan bahwa gambar Anda juga memiliki opsi cadangan dalam format lain seperti JPEG atau PNG.
Mengapa Menggunakan Gambar WebP?
Meskipun WebP adalah format gambar yang dioptimalkan, ini merupakan pekerjaan tambahan untuk menggunakannya di situs Anda. Namun, Anda tidak memiliki opsi karena alat Google PageSpeed Insights akan memperingatkan Anda saat menggunakan gambar PNG atau JPEG tradisional. Anda akan melihat pesan peringatan seperti di bawah ini yang menunjukkan “Serve images in next-gen format”.
Seperti yang Anda lihat pada peringatan di atas, ada gambar dari situs eksternal yang dimuat sebagai bagian dari iklan Google AdSense. Sayangnya, Anda tidak dapat mengoptimalkan gambar yang dimuat dari situs pihak ketiga dan yang dapat Anda fokuskan adalah menggunakan WebP di situs WordPress Anda dan memuatnya dengan lambat untuk meningkatkan kecepatan pemuatan halaman.
Memakai gambar WebP pada WordPress
Jika situs web Anda dirancang di WordPress, terdapat kabar baiknya untuk Anda. WordPress mendukung format gambar WebP, yang berarti Anda bisa langsung mengunggah gambar WebP pada perpustakaan media situs WordPress Anda. Ini membantu untuk menuai yang akan terjadi berasal gambar yang dioptimalkan secara otomatis dan kecepatan halaman yang dipercepat, menghasilkan audiens situs web Anda kagum dan puas dengan pengalaman menjelajah mereka.
Ada dua metode berbeda yang dapat Anda terapkan untuk menggunakan gambar WebP di WordPress.
- Opsi pertama adalah membuat gambar WebP secara manual atau mengonversi jenis file gambar lain ke WebP, lalu mengunggahnya ke situs web.
- Opsi kedua adalah menggunakan plugin untuk mengotomatiskan seluruh proses.
Berikut adalah beberapa langkah yang dapat Anda ikuti untuk menggunakan gambar WebP di WordPress:
- Pastikan server web Anda mendukung format gambar WebP. Jika tidak, Anda harus mengaktifkannya atau meminta bantuan dari penyedia hosting Anda.
- Unduh plugin WordPress yang mendukung format gambar WebP, seperti “WebP Express” atau “Imagify”.
- Aktifkan plugin dan atur opsi plugin sesuai keinginan Anda. Misalnya, Anda dapat memilih untuk mengonversi semua gambar yang diunggah ke format WebP secara otomatis.
- Setelah plugin diatur, gambar yang diunggah ke situs web WordPress Anda akan otomatis diubah menjadi format WebP. Pastikan untuk melakukan uji coba dan memastikan gambar dapat diakses dengan benar di browser yang berbeda.
- Jika Anda ingin mengunggah gambar dalam format WebP secara manual, Anda harus mengonversi gambar ke format WebP terlebih dahulu. Anda dapat menggunakan alat konversi online atau perangkat lunak khusus seperti Adobe Photoshop atau GIMP.
- Setelah gambar dikonversi ke format WebP, Anda dapat mengunggahnya ke situs WordPress Anda seperti biasa. Pastikan untuk menambahkan opsi cadangan dalam format lain seperti JPEG atau PNG, agar gambar dapat diakses oleh browser yang tidak mendukung format WebP.
Saya akan membahas keduanya secara lebih rinci dibawah ini
1. Unggah gambar WebP melalui pembuatan atau konversi
Sebagian besar software pengedit foto tidak mengizinkan gambar disimpan dalam format WebP. Bahkan perangkat lunak pengedit foto yg paling terkenal dan banyak dipergunakan sepanjang masa, Adobe Photoshop, tidak mengizinkan hal ini. namun, seperti biasa selalu ada solusi. menggunakan menginstal plugin WebPShop , Anda akan bisa membuka serta menyimpan gambar WebP pribadi dari Adobe Photoshop. namun, Jika Anda tidak ingin melalui seluruh duduk perkara itu, mengonversi format gambar awam mirip JPEG, atau PNG ke WebP adalah pilihan Anda berikutnya. buat memudahkan Anda, relatif gunakan salah satu pengonversi gambar online yang tercantum di bawah ini, serta mereka akan melakukan tugasnya menggunakan baik.
- Konverter WebP
- ezGIF
- Konversi
Jadi, kini sesudah Anda mempunyai gambar WebP, saatnya mengunggahnya ke situs web WordPress Anda. Mengunggah gambar itu sendiri sangat praktis dan langkah yg sama berlaku mirip ketika mengunggah jenis gambar lainnya. mirip yg kami sebutkan sebelumnya, WordPress mendukung gambar WebP, jadi Anda cukup mengunggahnya ke perpustakaan media dan mengaksesnya berasal sana. Jika Anda menghasilkan posting blog contohnya, relatif tambahkan blok gambar lalu unggah gambar WebP pilihan Anda ke blok tersebut. Sederhana, bukan?
2. Unggah gambar WebP melalui plugin
Opsi kedua jika Anda menginginkan pendekatan yang lebih nyaman dan efisien waktu adalah menggunakan plugin. Mari kita hadapi itu, tidak ada yang mau mengonversi setiap gambar sebelum mengunggahnya, bukan? Kalau saja ada cara, kami hanya bisa mengupload gambar biasa dan secara otomatis akan berubah menjadi gambar WebP. Bukankah itu bagus? Nah, itulah yang akan dilakukan plugin untuk Anda. Selain itu, sebagian besar plugin pengoptimalan gambar yang bagus juga menawarkan kemampuan pengoptimalan massal, yang berarti Anda akan dapat mengoptimalkan semua gambar di perpustakaan media Anda ke format yang diinginkan sekaligus. Keren, bukan?
Sekarang, pertanyaan selanjutnya adalah plugin pengoptimalan gambar mana yang terbaik untuk situs WordPress Anda? Menurut pendapat kami, Imagify adalah plugin pengoptimalan gambar pilihan.
- Ini adalah opsi plugin pengoptimalan gambar yang bagus, dan mungkin juga yang paling populer dengan lebih dari 500.000+ pemasangan aktif hingga saat ini.
- Plugin ini menawarkan fitur hebat seperti pengoptimalan gambar otomatis saat mengunggah, konversi gambar ke format WebP, Pengoptimal Massal untuk mengoptimalkan gambar di seluruh situs hanya dengan satu klik, serta berbagai tingkat pengoptimalan tergantung pada tujuan dan preferensi Anda. Versi gratis plugin membuktikan kuota bulanan sebesar 20 MB untuk pengoptimalan gambar gratis, yang kira-kira setara dengan 200 gambar per bulan.
Untuk mengaktifkan plugin, ikuti petunjuk yang diberikan di bawah ini:
- Buka portal admin WordPress Anda dan buka menu “Plugins > Add New”.
- Cari Imagify dengan memasukkan nama plugin di bilah pencarian kata kunci.
- Instal dan kemudian aktifkan plugin.
- Buka halaman pengaturan Imagify, lalu masukkan email Anda untuk mendapatkan kunci API. Anda tidak akan dapat menggunakan plugin Imagify tanpa kunci API, jadi ini merupakan langkah penting.
- Buka bagian “Pengoptimalan > Format WebP” dan aktifkan kotak centang “Buat gambar versi WebP”.
- Anda memiliki dua cara untuk menyajikan gambar WebP – satu menggunakan aturan penulisan ulang dengan menambahkan file konfigurasi server dan lainnya menggunakan tag <gambar> alih-alih tag <img>.
- Sebagian besar server hosting bersama tidak akan mendukung penyiapan aturan penulisan ulang dan karenanya memilih opsi <gambar> yang diinginkan. Namun, pastikan untuk menguji apakah situs Anda berfungsi dengan baik karena tema dan plugin mencoba menggunakan tag <img> untuk gambar yang dapat merusak tampilan gambar.
- Setelah memilih opsi Anda, klik “Simpan & Buka Pengoptimal Massal”. Sekarang Anda memiliki kesempatan untuk mengoptimalkan semua gambar yang ada di situs web ke format WebP.
- Klik tombol “IMAGIF’EM ALL” seperti yang ditunjukkan di bawah ini.
- Dan itu saja, semua gambar di situs web Anda sekarang dioptimalkan dan situs web akan menggunakan format WebP dari gambar tersebut.
Menggunakan Pengaturan atau Plugin yang Disediakan Hosting
Saat ini, banyak perusahaan hosting menawarkan WebP sebagai bagian dari penyiapan sisi server. Misalnya, SiteGround menampung lebih dari 2,8 juta situs dan jika Anda menggunakannya, ada plugin SiteGround Optimizer khusus untuk mengaktifkan gambar WebP di situs Anda.
- Plugin SiteGround Optimizer hadir secara default dengan semua instalasi WordPress di SiteGround. Oleh karena itu, Anda tidak perlu menginstal plugin secara terpisah.
- Buka bagian “Pengoptimal SG > Media” dan aktifkan opsi “Gunakan Gambar WebP” di bawah bagian “Pengaturan Kompresi”.
Dengan menggunakan gambar dalam format WebP, Anda dapat mempercepat waktu muat situs web WordPress Anda dan memberikan pengalaman pengguna yang lebih baik. Namun, pastikan untuk melakukan uji coba dan memastikan gambar dapat diakses dengan benar di browser yang berbeda.