More

    Cara Mengubah Gambar Menjadi WebP di WordPress

    Sebelum ketutorial cara mengubah gambar menjadi WebP. Alangkah baiknya jika kita mengenal lebih dulu tentang apa itu WebP. 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.

    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.

    Secara default wordpress memang tidak mendukung untuk ekstensi gambar webpi, untuk itu kita perlu sedikit menambah konfigurasi agar media library wordpress mendukung untuk ekstensi webpi. Cara yang akan saya gunakan tidak menggunakan plugin. Jadi kita hanya perlu menambah code berikut pada file Functions.php  tema anda.

    
    //** *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);
    

    Dengan menambahkan kode tersebut, sekarang library wordpress anda sudah mendukung untuk mengupload gambar dengan format webpi.

    Lalu, sekarang bagaimana mengubah gambar menjadi webp secara otomatis ketika diupload?

    Untuk pengguna wordpress, anda bisa menggunakan bantuan plugin untuk mengubah gambar menjadi webp di wordpress.

    Cara Mengubah Gambar Menjadi WebP di WordPress

    1. Masuk ke dashboard wordpress admin anda, klik Plugins – Add New
    2. Lalu cari plugin dengan nama Webp Express. Klik Install Nowmengubah gambar menjadi webp
    3. Jika sudah aktif, klik menu Settings – WebP Express. Pada pengaturan ini yang perlu anda perhatikan sebagai berikut:
      • Operation Mode
      • Scope
      • dan Destination Folder. Untuk pengaturannya silahkan lihat gambar berikut.mengubah gambar menjadi webp
    4. Pada bagian Conversion, yang perlu diperhatikan adalah sebagai berikut:
      • WebP Encoding
      • Quality Of Lossy
      • WebP Encoding
      • Quality For Lossless. untuk settingan lengkapnya anda bisa melihat gambar berikut:mengubah gambar menjad webp
    5. Lalu pada bagian akhir jangan lupa untuk menceklis opsi After htmlmengubah gambar menjadi webp
    6. Kemudian klik Save Settings

    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 Cara mengubah gambar menjadi WebP di WordPress.

    Free $100
    Deal

    Daftar menggunakan link di pojok kanan atas, minimal top up $25 usd. Maka dalam waktu 30 hari setelah registrasi anda akan mendapatkan credit $100 gratis dari vultr untuk mencoba layanan mereka.

    More Less
    Doesn't expire

    Recent Articles

    tips memilih isp

    Tips Memilih ISP Untuk Kebutuhan Internet Anda

    0
    Dalam memilih ISP kita perlu mempertimbangkan beberapa hal, diantaranya ialah budget. Namun, selain itu tentunya kita perlu memilih isp yang cocok dengan kita. Memilih ISP...
    cara install varnish

    Cara Install dan Konfigurasi Varnish dengan Nginx di Ubuntu 20.04

    1
    Cara install varnish - Apa itu varnish cache ? Varnish adalah sebuah aplikasi open source HTTP reverse proxy yang seringkali disebut juga sebagai HTTP accelerator atau...
    membuat fungsi terbilang

    Cara Membuat Fungsi Terbilang Pada Open Office

    0
    Pada artikel kali ini, saya akan mengajarkan bagaimana Cara Membuat Fungsi Terbilang Pada Open Office. Ada beberapa cara yang bisa anda gunakan untuk membuat fungsi...
    pengenalan templates

    Tutorial Django Bahasa Indonesia #6: Pengenalan Templates

    0
    Pada artikel sebelumnya kita sudah belajar mengenai routing di django #5 . Dimana, pada tutorial tersebut kita sudah bagaimana cara menampilkan "Hello World" pada...

    Tutorial Django Bahasa Indonesia #5: URL Routing Django

    0
    Pada tutorial kali ini, kita akan membahas tentang URL routing yang ada di django. URL Routing ini berfungsi untuk mengalihkan halaman, dari satu halaman...

    Related Articles

    Leave A Reply

    Please enter your comment!
    Please enter your name here

    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    Dapatkan konten terbaik dari kami!