Cara Menambahkan Gambar WEBP Ke Situs WordPress

Jika Anda ingin menggunakan gambar WEBP di situs WordPress Anda, ada beberapa hal yang perlu Anda lakukan. Pertama, Anda perlu menginstal dan mengaktifkan plugin WebP Express. Setelah plugin diaktifkan, Anda harus pergi ke Settings -> WebP Express dan mengkonfigurasi plugin. Itu saja yang perlu Anda lakukan untuk menambahkan gambar WEBP ke situs WordPress Anda.

Dalam hal kecepatan situs WordPress, ukuran gambar sangat penting. WebP, format gambar baru, mengecilkan foto tanpa kehilangan kualitas. Anda dapat mengurangi ukuran gambar sebesar 25-34% sambil menjaga kualitas gambar di WebP. Banyak situs perusahaan seperti YouTube dan eBay menggunakan WebP sebagai format default mereka. Meskipun masih dalam tahap awal pengembangan, WebP adalah format gambar buatan Google. Ini adalah metode kompresi yang lebih canggih yang menggunakan algoritma yang lebih agresif dan dioptimalkan daripada JPG dan PNG. Gambar WebP kompatibel dengan semua versi Chrome, Opera, Firefox, dan Edge. Itu belum didukung oleh Safari, meskipun disebutkan.

Bagaimana cara mengubah gambar menjadi webps? CDN atau pengoptimal gambar Smush dapat digunakan untuk mencapai tujuan ini. ShortPixel adalah layanan freemium yang mengoptimalkan 100 foto per bulan dalam satu upaya. Ini adalah opsi yang sangat efektif untuk gambar WebP yang menggunakan Pengoptimal Gambar EWWW. Menggunakan Imagify, Anda dapat mengompres dan mengonversi gambar WebP ke gambar WordPress. Imagify memungkinkan Anda mengunggah dan mengonversi semua gambar Anda, termasuk gambar mini , ke situs web WordPress Anda secara otomatis. Imagify menyediakan tiga opsi kompresi: normal, agresif, dan ultra.

Setelah Anda menambahkan kunci API ke WebP, Anda dapat mengakses dan mengedit halaman konfigurasi. Dimungkinkan untuk mengatur tingkat pengoptimalan gambar dalam pengaturan umum. Dengan mencentang kotak di sebelah Unggah gambar dan Cadangkan gambar asli, Anda dapat mengoptimalkannya secara otomatis. Konversi massal selesai ketika Anda mengklik tombol Simpan dan Buka Pengoptimal Massal.

WebP didukung oleh HTML, tetapi ketika gambar tidak tersedia di browser, itu akan rusak. Jika Anda menggunakan WebP dalam HTML, tag img> normal akan menampilkan gambar. Dalam kode di bawah ini, kita akan menggunakan dua versi gambar untuk tampilan beresolusi tinggi dengan kepadatan piksel 2x dan mode gelap: satu untuk WebP dan satu untuk JPEG.

Bisakah Kami Mengunggah Gambar Webp Di WordPress?

Saat WordPress 5.8 tersedia, Anda akan dapat menggunakan gambar WebP dengan cara yang sama seperti gambar JPEG, PNG, dan GIF. Anda dapat memasukkan gambar Anda ke dalam konten Anda dengan mengunggahnya ke Perpustakaan Media Anda. Karena WordPress 5.8 menyertakan dukungan untuk format WebP , Anda tidak perlu menginstal plugin pihak ketiga untuk mengunggah gambar WebP.

Tanpa harus membayar apa pun, tidak ada biaya berlangganan cloud atau persyaratan akun. Dengan mengunjungi situs web konverter online gambar, Anda dapat memilih dari berbagai file jpg, jpeg, atau PNG. Setelah itu, klik tombol Mulai Konversi, yang ditunjukkan pada gambar di bawah ini. Setelah konversi selesai, Anda dapat mengunduh file yang baru dikonversi dan menginstalnya di komputer Anda. Anda dapat mengubah tema Anda dengan masuk ke area admin WordPress Anda dan memilih Penampilan/Tema. Kode ini dapat disalin dan ditempel di akhir file, dan dapat disimpan. Kode preview gambar (thumbnail) harus ditambahkan ke file functions.php di Media / Library jika Anda ingin melihatnya ketika Anda pergi ke sana.

Cara Menggunakan Gambar Webp Di WordPress

Sejak versi 5.8, pengguna WordPress telah dapat mengunggah dan menggunakan gambar WebP. Semua browser modern mendukung WebP, format gambar baru. Gambar WebP, seperti gambar JPEG dan PNG, kini tersedia, selama layanan hosting Anda mendukungnya. Untuk mengunggah gambar WebP ke situs web Anda, Anda harus terlebih dahulu memilih file gambar dari komputer Anda melalui situs web konverter online gambar. Kemudian, klik “Mulai konversi”. Jika Anda memiliki Mac, Anda dapat mempelajari cara mengonversi gambar ke format WebP dengan membaca artikel saya Cara Mengonversi Gambar ke Format WebP dengan Mac OS.

Bagaimana Saya Mengaktifkan Webp?

Untuk mengaktifkan WebP, Anda perlu menambahkan beberapa baris kode ke file .htaccess Anda. Anda dapat menambahkan baris kode berikut ke file .htaccess Anda: AddType image/webp .webp Header set Content-Type image/webp Rata-rata halaman web berisi gambar lebih dari setengah isinya. Saat pengunjung mengklik halaman Anda, mungkin perlu waktu lama untuk mengunduh gambar jika ukuran file terlalu besar. Waktu pemuatan situs web Anda akan diperhitungkan saat Google memeringkatnya untuk pencarian. File PNG terkompresi adalah pilihan yang sangat baik untuk logo karena tidak menimbulkan risiko apa pun. Bagaimanapun, jika file berisi banyak detail, itu bisa sangat besar, dan hasil kompresi pada gambar di bawah standar. Ada opsi lain, yang menggunakan format gambar WebP, yang membuat gambar lebih kecil tetapi tetap mempertahankan keindahannya. Gambar WebP bisa lebih kecil dan lebih responsif daripada gambar tradisional karena dalam format WebP. Meskipun WebP saat ini tidak didukung oleh semua browser, jika Anda memilih untuk menggunakannya, sebagian besar pengguna Anda akan mendapat manfaat dari penggunaannya. Pengunjung browser yang didukung dapat mengirimkan file WebP ke browser mereka saat menampilkan JPEG dan PNG sebagai cadangan untuk Safari. Hasilnya, file akan dikonversi menggunakan plugin WebP Express. Ini berarti bahwa jika browser yang didukung digunakan, gambar akan ditampilkan dalam format WebP. Dengan menggunakan Site Accelerator, Anda dapat mengonversi gambar JPEG dan PNG ke file WebP. Plugin Optimole mampu mengoptimalkan semua gambar secara otomatis, dan mereka dapat digunakan melalui CDN. Anda tidak akan dikenakan biaya apa pun jika menggunakan Shortpixel Image Optimizer untuk mengonversi format gambar apa pun ke WebP. Ini akan dapat menangani ukuran gambar Anda dan menyajikannya dengan benar, seperti halnya layanan ini. WebP tersedia untuk semua browser utama dan kompatibel dengan plugin cache apa pun yang diketahui, jadi tidak ada alasan mengapa Anda tidak memanfaatkan fitur-fiturnya.Dapatkah Saya Mematikan Webp?ModHeader adalah ekstensi untuk chrome yang dapat Anda gunakan untuk mencapai ini. Anda dapat mengubah Accept Heder menjadi text/html,application/xhtml+,application/xml;q=0.9,image/apng, dan/;q=0.78 dengan menggunakan metode ini. Instal User-Agent Switcher dan pilih Internet Explorer 9, bukan Windows 7, yang tidak mendukung webp.Cara Menyimpan Gambar Sebagai Jenis File BerbedaJika Anda tidak ingin gambar disimpan sebagai jpeg, Anda dapat menyimpannya sebagai PNG atau GIF.Mengapa Chrome Tetap Menyimpan Sebagai Webp?Google membuat format gambar Webp, yang memungkinkan Anda mengganti nama file dalam format tersebut. Nama gambar untuk membukanya biasanya jpeg, karena adanya banyak ekstensi seperti jpeg, png, bmp, webp, dan Google menyimpan gambar dalam format webp karena aslinya adalah gambar webp. Menyimpan Gambar Sebagai Html Dengan Snipping ToolMemiliki alat tangkapan layar seperti Snipping Tool yang diinstal pada Windows dapat bermanfaat saat Anda menyimpan gambar sebagai HTML. Saat Anda menyimpan gambar sebagai file HTML, itu tidak lagi dianggap sebagai gambar yang sebenarnya. Karena HTML memungkinkan Anda untuk menyimpan gambar di lokasi mana pun pada halaman, HTML sangat ideal untuk penyimpanan gambar. Cara Mengunggah Gambar Webp Di WordPress Tanpa PluginAda beberapa langkah sederhana yang dapat Anda ikuti untuk mengunggah gambar webp di WordPress tanpa menggunakan plugin . Pertama, Anda perlu mengidentifikasi gambar yang ingin Anda unggah dan membukanya di browser web. Dari sana, Anda dapat mengklik kanan pada gambar dan memilih "Save As." Setelah gambar disimpan ke komputer Anda, Anda kemudian dapat mengunggahnya ke situs WordPress Anda dengan membuka bagian Media dan memilih “Tambah Baru.” Terakhir, Anda dapat menyisipkan gambar ke dalam posting atau halaman dengan mengklik tombol “Tambah Media” dan memilih gambar dari browser file komputer Anda. WordPress tidak mendukung pengunggahan gambar webp karena diblokir di perpustakaan media. Batasan ini dapat dengan mudah dielakkan dengan menggunakan plugin WordPress atau menggunakan kode PHP editor tema. Google telah mengumumkan ketersediaan Webp, format gambar generasi berikutnya yang memberikan tingkat kompresi lebih tinggi daripada JPG, PNG, dan GIF. Untuk mengaktifkan unggahan web, kode PHP harus disertakan dalam file function.php. Anda juga dapat menggunakan plugin manajemen kode untuk menghapus file PHP dari editor tema Anda. Plugin ini juga dapat digunakan untuk mengelola semua kode PHP di situs web Anda. Konversi Gambar Ke WebpAda beberapa cara untuk mengubah gambar ke webp. Salah satu caranya adalah dengan menggunakan konverter online seperti WebP Convert. Cara lain adalah dengan menggunakan program perangkat lunak seperti Adobe Photoshop.Allow Webp Image PluginAllow WebP Image Plugin memungkinkan penyisipan gambar WebP ke dalam posting dan halaman. WebP adalah format gambar baru yang memberikan kompresi lossless, artinya kualitas gambar tidak berkurang saat gambar dikompresi. Ini menghasilkan file gambar yang lebih kecil, yang dapat mempercepat waktu pemuatan halaman.