<p>Sebelum ketutorial cara mengubah gambar menjadi WebP. Alangkah baiknya jika kita mengenal lebih dulu tentang <a href="https://en.wikipedia.org/wiki/WebP" target="_blank" rel="noopener noreferrer">apa itu </a><strong>WebP. </strong>Webp (atau biasa yang dibaca webpi) adalah format gambar digital terbaru dari Google. Webp, atau bisa dibaca Weppi sebenarnya sudah dikembangkan sejak 30 September 2010. Namun, karena banyak perangkat yang belum mendukung untuk format tersebut, sehingga kurang dikenal luas. Ekstensi WebP masih kalah populer dibanding ekstensi lainnya seperti PNG, JPEG dan GIF.</p>
<p>Tidak hanya perangkat keras, beberapa penyedia portal web juga tidak mendukung penggunaan Weppi. Jika anda punya blog berbasis WordPress, anda harus menginstall plugin khusus webp supaya web/blog anda bisa memasukkan gambar berekstensi .webp.</p>
<div class="bacajuga">
<div class="titlebaca"><strong>Baca Juga:</strong></div>
<div class="contentbaca">
<ul>
<li><a href="https://www.tutorialpedia.net/cara-membuat-blog-lewat-hp/" target="_blank" rel="noopener noreferrer">Cara Mudah membuat blog lewat HP</a></li>
<li><a href="https://www.tutorialpedia.net/cara-membuat-wordpress-menjadi-pwa/">Cara Membuat WordPress Menjadi PWA (Progressive Web Apps)</a></li>
<li><a href="https://www.tutorialpedia.net/mempercepat-loading-blog-wordpress-dengan-cdn/">Tips Mempercepat Loading Blog WordPress dengan CDN</a></li>
</ul>
<p> ;</p>
</div>
</div>
<p>Secara default wordpress memang tidak mendukung untuk ekstensi gambar webpi, untuk itu kita perlu sedikit menambah konfigurasi agar media library wordpress mendukung untuk ekstensi <strong>webpi. </strong>Cara yang akan saya gunakan tidak menggunakan plugin. Jadi kita hanya perlu menambah code berikut pada file <strong>Functions.php </strong> tema anda.</p>
<pre><code class="php"> 
//** *Enable upload for webp image files.*/ 
function webp_upload_mimes($existing_mimes) { 
 $existing_mimes['webp'] = 'image/webp'; 
 return $existing_mimes; 
 } 
 add_filter('mime_types', 'webp_upload_mimes'); 
 //** * Enable preview / thumbnail for webp image files.*/ 
 function webp_is_displayable($result, $path) { 
 if ($result === false) { 
 $displayable_image_types = array( IMAGETYPE_WEBP ); 
 $info = @getimagesize( $path ); 
 if (empty($info)) { 
 $result = false; 
 } elseif (!in_array($info[2], $displayable_image_types)) { 
 $result = false; 
 } else { 
 $result = true; 
 } 
 } 
 return $result; 
 } 
 add_filter('file_is_displayable_image', 'webp_is_displayable', 10, 2); 
</code></pre>
<p>Dengan menambahkan kode tersebut, sekarang library wordpress anda sudah mendukung untuk mengupload gambar dengan format webpi.</p>
<p>Lalu, sekarang bagaimana mengubah gambar menjadi webp secara otomatis ketika diupload?</p>
<p>Untuk pengguna wordpress, anda bisa menggunakan bantuan plugin untuk mengubah gambar menjadi webp di wordpress.</p>
<h3><strong>Cara Mengubah Gambar Menjadi WebP di WordPress</strong></h3>
<ol>
<li>Masuk ke dashboard wordpress admin anda, klik <strong>Plugins &#8211; Add New</strong></li>
<li>Lalu cari plugin dengan nama <strong>Webp Express. </strong>Klik <strong>Install Now<a href="https://www.tutorialpedia.net/wp-content/uploads/mengubah-gambar-menjadi-webp.jpg"><img class="aligncenter size-full wp-image-7439" src="https://www.tutorialpedia.net/wp-content/uploads/mengubah-gambar-menjadi-webp.jpg" alt="mengubah gambar menjadi webp" width="800" height="363" /></a></strong></li>
<li>Jika sudah aktif, klik menu <strong>Settings &#8211; WebP Express. </strong>Pada pengaturan ini yang perlu anda perhatikan sebagai berikut:
<ul>
<li>Operation Mode</li>
<li>Scope</li>
<li>dan Destination Folder. Untuk pengaturannya silahkan lihat gambar berikut.<a href="https://www.tutorialpedia.net/wp-content/uploads/mengubah-gambar-menjadi-webp2.jpg"><img class="aligncenter size-full wp-image-7440" src="https://www.tutorialpedia.net/wp-content/uploads/mengubah-gambar-menjadi-webp2.jpg" alt="mengubah gambar menjadi webp" width="800" height="430" /></a></li>
</ul>
</li>
<li>Pada bagian <strong>Conversion, </strong>yang perlu diperhatikan adalah sebagai berikut:
<ul>
<li>WebP Encoding</li>
<li>Quality Of Lossy</li>
<li>WebP Encoding</li>
<li>Quality For Lossless. untuk settingan lengkapnya anda bisa melihat gambar berikut:<a href="https://www.tutorialpedia.net/wp-content/uploads/mengubah-gambar-menjadi-webp2-1.jpg"><img class="aligncenter size-full wp-image-7441" src="https://www.tutorialpedia.net/wp-content/uploads/mengubah-gambar-menjadi-webp2-1.jpg" alt="mengubah gambar menjad webp" width="800" height="430" /></a></li>
</ul>
</li>
<li>Lalu pada bagian akhir jangan lupa untuk menceklis opsi <strong>After html<a href="https://www.tutorialpedia.net/wp-content/uploads/mengubah-gambar-menjadi-webp2-2.jpg"><img class="aligncenter size-full wp-image-7442" src="https://www.tutorialpedia.net/wp-content/uploads/mengubah-gambar-menjadi-webp2-2.jpg" alt="mengubah gambar menjadi webp" width="800" height="430" /></a></strong></li>
<li>Kemudian klik <strong>Save Settings</strong></li>
</ol>
<p>Setelah pengaturan selesai, maka setiap kali anda mengupload gambar baik PNG, JPG atau JPEG maka secara otomatis extensi tersebut akan diubah menjadi webp. Demikian tutorial <strong>Cara mengubah gambar menjadi WebP di WordPress.</strong></p>

Cara Mengubah Gambar Menjadi WebP di WordPress
Recent Articles
Kumpulan DNS Gratis Tercepat!
DNS merupakan sebuah sistem yang bertugas menyimpan semua informasi data domain dalam jaringan. Dengan adanya DNS, domain atau hostname yang ada akan ditranslate dan...
Apa itu DNS ? Dan Fungsinya
Apa itu DNS? - DNS (Domain Name System) adalah sebuah sistem yang bertugas menyimpan semua informasi data domain dalam jaringan. Dengan adanya DNS, domain...
Apa itu OLT ? Serta Fungsinya Dalam Jaringan
Apa itu olt ? OLT (Optical Line Termination) adalah perangkat keras yang berfungsi sebagai titik akhir (end-point) dari layanan jaringan optik pasif (Passive Optical...
Template Voucher Untuk Mixradius
Template Voucher Untuk Mixradius - Pasti kalian bosen kan dengan template voucher default mixradius? tenang. kali ini saya akan memberikan template untuk voucher mixradius kamu agar...
Daftar Port Game Online Mikrotik Terbaru
Daftar port game online dibawah ini bisa digunakan untuk membuat rule agar koneksi ke game online tersebut bisa lancar, bisa juga untuk memisahkan antara...
