Gambar WebP & WordPress: Mengapa dan Cara Menggunakannya

Jika Anda ingin mempercepat situs WordPress Anda, sebaiknya gunakan format gambar WebP. Masalah utama mengapa konten situs web Anda dimuat dengan lambat adalah semua karena foto besar di situs web Anda.

Namun, kompresor gambar dapat memaksa pengguna Anda untuk memuat megabita file gambar dan menunda perayapan koneksi mereka. Seiring dengan ini, gambar situs web Anda bisa buram karena kompresor.

Tetapi bahkan ada beberapa format file yang memampatkan gambar menjadi tidak ada apa-apa selain itu memengaruhi kualitas gambar Anda. Jika Anda tidak menyukai cara kerja kompresi JPEG lossy dan membuat gambar Anda terlihat tipis, maka Anda harus memilih untuk menggunakan WebP.

Apa yang Anda maksud dengan gambar WebP & WordPress , dan kapan menggunakannya, dan bagaimana Anda dapat menambahkan WebP ke situs web Anda yang berbasis WordPress?

Anda akan menemukan jawaban untuk semua pertanyaan ini di blog ini. Selain itu, Anda akan menemukan solusi untuk meminimalkan ukuran gambar tanpa memengaruhi waktu pemuatan halaman Anda dan memastikan pemuatannya lebih cepat.

WebP: Apa artinya?

Format gambar paling populer yang kami gunakan sudah banyak digunakan dari mulai www. Dan ya, format gambar populer seperti JPEG, PNG, dan GIF melakukan tugasnya dengan cara terbaik. Jadi apa dan mengapa Anda membutuhkan lebih banyak format gambar?

Masalah utama dalam mencari metode format gambar lainnya adalah bahwa format ini tidak mampu mengompresi gambar dengan cara terbaik.

Penggunaan internet semakin hari semakin meningkat. Jadi semakin banyak orang lebih memilih untuk mencari informasi apapun melalui perangkat mobile mereka yang merupakan bagian kecil dari teknologi yaitu paket daya yang lebih sedikit dibandingkan dengan komputer desktop.

Di seluruh dunia, koneksi seluler tersedia, sehingga dapat melambat daripada internet kabel tradisional.

Pada tahun 2010, gambar WebP & WordPress diumumkan yang hadir dengan opsi alternatif untuk masalah yang sudah berjalan lama. Ini menawarkan kompresi hebat dan gambar berkualitas lebih banyak daripada yang mungkin Anda dapatkan menggunakan format gambar sebelumnya.

Ini memiliki tujuan yang sama seperti yang dimiliki WebM. WebM berarti mengompresi audio dan video sambil mengoptimalkannya untuk web.

WebP memanfaatkan kompresi lossless dan lossy. Bersamaan dengan ini, ia juga mendukung metadata, profil warna, transparansi, animasi, dan banyak lagi. Dengan demikian juga kompatibel dengan semua browser utama.

Tapi itu tidak bekerja lebih baik dengan penjelajah internet, KaiOS, dan versi safari lainnya. Tapi tetap saja, masih banyak pengguna yang menggunakan browser ini termasuk safari versi lama.

Mengapa WebP dianggap penting

Pada gambar WebP & WordPress, Google telah melakukan begitu banyak penelitian. Namun mereka setiap kali menemukan bahwa suatu algoritma dapat mengompres 25-34% lebih kecil dengan gambar lossy dan 26% lebih kecil dengan gambar lossless.

Ini jelas berarti bahwa WebP melakukan kompresi lebih baik karena mengandalkan konsistensi. Seiring dengan ini, Anda tidak akan pernah kehilangan kualitas gambar Anda bahkan jika dibandingkan dengan algoritma lossless seperti PNG.

Ini adalah keuntungan menggunakan WebP, tetapi masih banyak pengguna yang menggunakan teknik lama untuk mengompres gambar.

Namun, hanya ada 0,3% situs web yang memanfaatkan fitur WebP. Tren naik dengan WebP tetapi tetap saja, orang-orang tetap berpegang pada teknologi yang jarang digunakan.

Ini sangat mengejutkan ketika kita berbicara tentang manfaat WebP.

Ini bisa menjadi masalah karena WebP tidak dapat menyediakan beberapa fitur dukungan yang juga mencakup transparansi, animasi, dll. ditambah ketidakcocokan dengan beberapa browser umum.

Ditambah tugas beralih dari format gambar lain seperti PNG ke WebP tidaklah mudah. Anda tidak dapat mengunggah gambar ke situs web Anda hanya dengan menyimpan gambar WebP di komputer Anda. Beberapa langkah lagi disertakan dengan itu yang perlu Anda urus.

Tetapi perlu upaya ekstra jika Anda benar-benar ingin konten situs web Anda dimuat dengan cepat.

WebP dan jenis format file gambar lainnya

Ada begitu banyak format file gambar. Semua menawarkan fitur hebat untuk melakukan tugas tertentu. Beberapa format file berguna untuk mengompresi gambar dengan baik sedangkan beberapa mendukung animasi.

Anda juga akan menemukan beberapa format lain yang akan menawarkan latar belakang transparan. Kami tidak mengatakan bahwa WebP adalah pilihan terbaik untuk setiap alternatif, tetapi ya, ia menawarkan beberapa fitur yang dapat digunakan untuk berbagai situasi.

Mari kita lihat beberapa format file gambar umum yang digunakan secara global

• PNG: PNG dapat dianggap sebagai format file yang paling umum. Format file ini lebih populer untuk kompresi lossless dan yang terbaik adalah menampilkan karya seni dan fotografi secara online.
• TIFF: Format file lain adalah TIFF yang tidak memiliki kompresi. Gambar ini ditampilkan dengan segala pujiannya. Inilah alasan mengapa sebagian besar file yang disimpan sebagai TIFF akan memiliki ukuran file yang besar. Untuk web, ini bukan pilihan terbaik.
• GIF: Format lain adalah GIF yang didukung dengan animasi. Namun, Anda dapat mengatakan bahwa ini adalah format file tertua yang juga mendukung lebih dari 250 warna. Gambar yang disimpan dalam format GIF akan terlihat berkualitas rendah dan jelek. Jika Anda mencari animasi maka Anda harus memilih format GIF.
• File EPS dan SVG: Keduanya adalah asosiasi mereka sendiri. Ini akan menyimpan dan menampilkan gambar vektor yang terukur dan jelas karena tidak dibuat dari piksel.
• WebP: Kualitas gambar WebP sama dengan PNG atau JPG dengan ukuran file yang lebih kecil. Juga, ini mendukung animasi dan transparansi.

Jika Anda merasa nyaman kehilangan semacam kualitas gambar sebagai ganti gambar yang lebih kecil, maka WebP adalah pilihan ideal untuk Anda.

Jika Anda tidak mengerjakan proyek di mana kualitas gambar memainkan peran penting seperti situs web portofolio, maka tradeoffnya bagus. Jika tidak, maka PNG adalah pilihan yang baik. Alih-alih ini, ada sangat sedikit yang menggunakan gambar TIFF jika tidak, WebP adalah pilihan ideal untuk pekerjaan Anda.

Ke WordPress Anda bagaimana Anda dapat mengunggah gambar WebP

Anda akan menemukan dua cara berbeda yang akan membantu Anda mengunggah gambar WebP & WordPress

• Metode pertama adalah mengunggah gambar WebP di situs web Anda secara manual
• Metode kedua adalah mengunggah gambar WebP di situs web dengan plugin.

Kami menyarankan Anda untuk menggunakan plugin untuk mendapatkan gambar WebP di situs web Anda karena ini adalah cara termudah karena Anda tidak perlu menangani hal-hal pengkodean ditambah sedikit pengaturan yang diperlukan saat bekerja dengan plugin.

Tetapi jika Anda memilih untuk mendapatkan gambar WebP secara manual, Anda harus terlebih dahulu mendapatkan gambar WebP. Sebagai WebP, Anda tidak dapat menyimpan gambar atau di komputer Anda, Anda tidak dapat mengubah ekstensi, Anda akan memerlukan konverter khusus.

Untuk ini, Anda dapat menggunakan plugin Photoshop dari Google yang dikenal sebagai WebPShop. Atau Anda juga dapat menggunakan konverter WebP Online dan mengunggah gambar di komputer Anda.

Anda dapat menampilkan gambar WebP dalam HTML atau CSS jika gambar WebP siap untuk diunggah. Untuk browser yang tidak didukung, Anda harus memastikan Anda menentukan gambar cadangan. Tapi alih-alih ini, itu sama saja merujuk ke gambar lain dalam HTML.

Dengan ini memiliki masalah:

Anda tidak dapat mengunggah gambar WebP dengan bantuan pengunggah media karena WordPress tidak mengizinkan Anda melakukan ini. itu hanya akan menampilkan kesalahan dengan menentukan bahwa jenis file ini tidak didukung oleh browser Anda.

Di server Anda, Anda dapat mengunggah gambar WebP secara manual dan dapat mengonfigurasi situs web dengan benar untuk menampilkannya, tetapi itu membutuhkan banyak usaha.

Untuk menyederhanakan prosesnya, Anda dapat menggunakan beberapa plugin WordPress. Plugin akan membantu Anda melakukan konversi dengan lebih mudah. Namun, Anda tidak perlu melakukan banyak tugas untuk mengedit kode untuk menambahkan gambar.

1. Bayangkan

Anda dapat mengatakan bahwa Imagify bukan hanya konversi WebP tetapi juga merupakan plugin yang membantu Anda mengoptimalkan gambar dan thumbnail yang Anda unggah.

Tiga tingkat kompresi yang berbeda disertakan dengan Imagify yaitu ultra (kompresi lossy maksimum), normal (lossless), dan agresif (lossy).

Pengoptimal Massal akan membantu Anda mengompres semua gambar yang telah diunggah. Dengan demikian versi cadangan akan disimpan sehingga jika Anda tidak ingin mengompres gambar maka Anda dapat membatalkannya.

Segera setelah Anda menambahkan gambar di situs web Anda dengan bantuan Imagify, itu akan menambahkan versi WebP yang berbeda. Dengan cara ini, di situs web Anda, Anda dapat menampilkan gambar WebP yang dioptimalkan.

Dengan bantuan Imagify, Anda dapat mengompres gambar sebesar 25MB setiap bulan secara gratis.

2. Pengoptimal Gambar EWWW

Plugin pengoptimal gambar WordPress paling populer lainnya adalah EWWW. Plugin ini digandakan sebagai konverter WebP. Anda dapat mengompres gambar tanpa batas itu juga tanpa biaya.

Jadi saat bekerja dengan plugin ini, Anda tidak perlu khawatir tentang batasan data bulanannya. Ini juga terdiri dari pengunggah massal. Namun, itu memampatkan semua gambar apakah itu disimpan di perpustakaan media Anda atau tidak, tidak masalah.

Dengan plugin ini, WebP tersedia. Semua prosesnya otomatis. Tanpa mengubah gambar asli, Anda juga akan mendapatkan kompresi, pemuatan lambat, dan penskalaan ukuran halaman.

3. Pengoptimal Gambar ShortPixel

Dengan ShortPixels Anda akan mendapatkan berbagai fitur untuk mengompres gambar. Dalam beberapa klik, Anda dapat mulai menggunakan fitur-fiturnya.

Jadi dengan sangat mudah Anda akan dapat menghasilkan versi WebP secara otomatis. Baik dengan pengoptimal massal atau dengan mengunggah langsung, Anda dapat mengoptimalkan gambar.

Selain itu, ini akan membantu Anda untuk mengonversi format file gambar dari PNG ke JPG, mengubah ukuran gambar, mengoptimalkan gambar mini, mengoptimalkan gambar, menghapus metadata, dan di server Anda mencadangkan gambar yang tidak dioptimalkan.

Plugin ini sebenarnya bekerja berdasarkan sistem kredit yang berarti ketika Anda memiliki 100 kredit gambar bulanan maka Anda dapat mengompres 100 gambar setiap bulan untuk mengompres lebih banyak, Anda harus membeli lebih banyak kredit.

Kesimpulan:
Oleh WordPress, WebP sebenarnya tidak didukung, tetapi di situs web Anda, Anda masih dapat menggunakan gambar WebP. Jika Anda mencoba mengunggahnya secara langsung, itu tidak akan berhasil. Tetapi Anda akan menemukan sejumlah plugin untuk menambahkan WebP di situs web Anda dengan sangat mudah.