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.

    Recent Articles

    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...
    membuat app django

    Tutorial Django Bahasa Indonesia #4: Membuat App Django

    0
    Pada artikel sebelumnya kita telah mengenal apa itu django dan bagaimana cara membuat project pertama dengan django. Pada bagian ke #4 ini saya akan...

    Tutorial Django Bahasa Indonesia #3: Membuat Project Django

    0
    Pada tutorial django bagian #3 ini, kita akan belajar bagaimana cara membuat project baru dengan django. Tak hanya itu, kita juga akan belajar bagaimana...
    tutorial django bahasa indonesia

    Tutorial Django Bahasa Indonesia #2: Installing Requirements

    2
    Masih dalam seri Tutorial Django Bahasa Indonesia. Kali ini saya akan melajutkan artikel sebelumnya yaitu Tutorial DJango Bahasa Indonesia #1: Pengenalan dan Sejarah Perkembangannya. Seperti web...

    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!