{"id":5822,"date":"2020-10-08T09:12:53","date_gmt":"2020-10-08T09:12:53","guid":{"rendered":"https:\/\/hosteko.com\/blog\/?p=5822"},"modified":"2020-10-17T01:06:45","modified_gmt":"2020-10-17T01:06:45","slug":"google-webp-format-gambar-digital-yang-mempercepat-website","status":"publish","type":"post","link":"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website","title":{"rendered":"Google WebP : Format Gambar Digital yang Mempercepat Website"},"content":{"rendered":"<p>Gambar adalah salah satu faktor yang turut memengaruhi kecepatan dan performa website. Jika ingin meningkatkan kecepatan website, ukuran gambar adalah salah satu kuncinya. Karena semakin besar ukuran gambar, semakin lama loading website. Pada saat ini ada format gambar yang lebih ringan dibandingkan JPEG dan PNG, yaitu <strong>WebP file<\/strong>. Format ini memiliki\u00a0<em>s<\/em>ize gambar yang kecil, tapi tidak menurunkan kualitas gambar itu sendiri.<\/p>\n<h1><strong>Pengertian <span id=\"Apa_itu_WebP_File\">WebP File<\/span><\/strong><\/h1>\n<p><strong>WebP<\/strong> adalah format file yang dikembangkan oleh Google pada tahun 2010. Gambar yang dihasilkan akan di kompres sedemikian rupa, tetapi tidak menurunkan kualitasnya. WebP format menggunakan metode kompresi <strong>lossy<\/strong> dan <strong>lossless<\/strong> yang lebih canggih dibandingkan dengan dengan format PNG dan JPEG.<\/p>\n<p>Kompresi <strong>lossless<\/strong> berarti setiap ukuran bagian data asli akan tetap sama meskipun file direkonstruksi kembali. Metode ini akan mengkompres gambar hingga 26% lebih kecil dibandingkan dengan PNG.<\/p>\n<p>Sementara itu, metode <strong>lossy<\/strong> akan mengecilkan ukuran file yakni dengan menghapus sejumlah data asli. Metode ini menggunakan predictive coding untuk menyandikan gambar dan juga mengkompres ukuran file sebanyak 25% hingga 34%. Walaupun demikian, kualitas gambar Google WebP masih sebanding dengan JPEG.<\/p>\n<p>Format gambar macam ini penting. Terutama jika website harus menampilkan banyak gambar. Misalnya, website portofolio fotografi, desain, traveling, atau food blog. Sebab, semakin kecil size gambar yang digunakan, semakin cepat loading website. Jadi bisa memiliki website cepat sekaligus menampilkan kualitas gambar yang jernih.<\/p>\n<h1><strong><span id=\"Bagaimana_Cara_Kerja_WebP_File\">Cara Kerja WebP File<\/span><\/strong><\/h1>\n<p>WebP format ini menggunakan metode yang disebut lossless dan\u00a0lossy<em>.\u00a0<\/em>Kedua metode ini sebenarnya merupakan metode yang dipakai pada format JPEG dan PNG.<\/p>\n<p><strong>Lossless\u00a0<\/strong>adalah metode pengompresan yang dapat mempertahankan setiap bit data asli pada gambar. Di sini, lossless WebP mampu mengkompres gambar\u00a0<strong>26% lebih banyak dibandingkan PNG<\/strong>.<\/p>\n<p>Sedangkan\u00a0<strong>lossy <\/strong>adalah metode yang dapat menurunkan\u00a0<em>size<\/em>\u00a0gambar dengan mengurangi sejumlah data yang asli.<\/p>\n<p>Selain kedua metode tadi, tim developer WebP mempunyai sistem yang disebut \u201cpredictive coding\u201d. Predictive coding itu diartikan sebagai sebuah proses mengkodekan gambar untuk mengkompres keyframe<em>.<\/em><\/p>\n<p>Sistem ini mampu menghasilkan kompresi gambar berkualitas tinggi dalam ukuran yang lebih kecil,\u00a0 setara dengan JPEG. Tetapi juga sekaligus mengurangi size gambar dari 25% menjadi 34% lebih kecil.<\/p>\n<p>Berikut adalah contoh perbandingan gambar JPEG dengan WebP yang di publish langsung oleh Google WebP Gallery.<\/p>\n<h1><strong><span id=\"3_Plugin_WebP_File_Populer_yang_Bisa_Anda_Coba\">Plugin WebP File\u00a0<\/span><\/strong><\/h1>\n<p>Di bawah ini akan mengulas tiga diantara plugin WebP yang populer, yaitu :<\/p>\n<h3><strong>1. ShortPixel<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5827 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/shortpixel.png\" alt=\"\" width=\"1316\" height=\"612\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/shortpixel.png 1316w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/shortpixel-1024x476.png 1024w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/shortpixel-768x357.png 768w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/shortpixel-555x258.png 555w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/shortpixel-1110x516.png 1110w\" sizes=\"auto, (max-width: 1316px) 100vw, 1316px\" \/><\/p>\n<p><strong>ShortPixel<\/strong> merupakan salah satu plugin populer untuk optimasi gambar di WordPress. Salah satu fitur yang termasuk di dalamnya adalah mengkompres otomatis gambar ke WebP format. Sehingga pengunjung yang menggunakan browser pendukung WebP bisa melihat gambar-gambar yang disajikan.<\/p>\n<p>ShortPixel akan mengkompres kembali gambar ke format asli apabila browser pengunjung tidak mendukung WebP file. Selain pada gambar, plugin ini juga bisa mengkompres size dokumen PDF hanya dengan satu kali klik.<\/p>\n<p>Di samping menggunakan metode lossy dan lossless bisa menggunakan metode unggulan yang disebut <strong>glossy<\/strong><em>.\u00a0<\/em>Metode ini mampu mengkompresi format JPEG dengan hasil berkualitas tinggi dirancang khusus untuk para fotografer.<\/p>\n<p><strong>Fitur unggulan :<\/strong><\/p>\n<ol>\n<li>Dapat mengkompres gambar berformat JPEG, PNG, GIF, dan PDF file.<\/li>\n<li>Tidak ada batas ukuran file.<\/li>\n<li>Dapat mengkompres segala format gambar menjadi WebP format.<\/li>\n<li>Didukung dengan WP Retina 2x. Jenis tampilan khusus untuk perangkat Apple, dengan piksel lebih tinggi dari tampilan biasa.<\/li>\n<li>Dapat mengoptimasi segala gambar yang ada di website Anda, termasuk di NextGEN Gallery atau galeri lainnya.<\/li>\n<li>Tersedia bantuan 24\/7 dari developer langsung.<\/li>\n<\/ol>\n<p><strong>Harga :<\/strong><\/p>\n<ol>\n<li>Tersedia layanan free trial satu bulan dengan batas maksimal 100 gambar.<\/li>\n<li>Ada tiga paket layanan berbayar yaitu:\u00a0<strong>Short $4.99\u00a0<\/strong>(5000 gambar)<strong>, Large $9.99\u00a0<\/strong>(12,000 gambar),<strong>\u00a0<\/strong>dan<strong>\u00a0XXL $29.99<\/strong>\u00a0(55,000 gambar)<strong>.<\/strong><\/li>\n<\/ol>\n<p><strong>Cara mengaktifkan WebP file di WordPress :<\/strong><\/p>\n<ul>\n<li>Setelah plugin terinstall, buka\u00a0<strong>Settings\u00a0<\/strong>di menu dashboard WordPress. Pilih\u00a0<strong>ShortPixel.<\/strong><\/li>\n<li>Masukkan\u00a0<strong>nomor API key<\/strong> yang dikirimkan ke email.<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5823 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/nomor-API-key.png\" alt=\"\" width=\"1262\" height=\"910\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/nomor-API-key.png 1262w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/nomor-API-key-1024x738.png 1024w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/nomor-API-key-768x554.png 768w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/nomor-API-key-555x400.png 555w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/nomor-API-key-1110x800.png 1110w\" sizes=\"auto, (max-width: 1262px) 100vw, 1262px\" \/><\/p>\n<ul>\n<li>Buka\u00a0<strong>Advanced Tab.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5824 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Advanced-Tab.png\" alt=\"\" width=\"1536\" height=\"1213\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Advanced-Tab.png 1536w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Advanced-Tab-1024x809.png 1024w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Advanced-Tab-768x607.png 768w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Advanced-Tab-555x438.png 555w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Advanced-Tab-1110x877.png 1110w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<ul>\n<li>Centang bagian <strong>&#8220;Also create WebP versions of the images, for free&#8221;.<\/strong><\/li>\n<li>Centang bagian <strong>&#8220;Deliver the WebP versions of the images in the front-end&#8221;.<\/strong><\/li>\n<li>Pilih bagian <strong>&#8220;Using the &lt;PICTURE&gt; tag syntax&#8221;.<\/strong><\/li>\n<li>Klik\u00a0<strong>Save Changes.<\/strong><\/li>\n<\/ul>\n<h3><strong>2. Imagify<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5828 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Imagify.png\" alt=\"\" width=\"1276\" height=\"472\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Imagify.png 1276w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Imagify-1024x379.png 1024w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Imagify-768x284.png 768w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Imagify-555x205.png 555w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Imagify-1110x411.png 1110w\" sizes=\"auto, (max-width: 1276px) 100vw, 1276px\" \/><\/p>\n<p>Imagify adalah plugin optimasi gambar rancangan\u00a0<strong>WP Rocket\u00a0<\/strong>(plugin caching premium) yang tidak kalah populer dengan ShortPixel. Plugin ini bisa mengkompres dan mengubah ukuran gambar yang diunggah pada WordPress. Baik dalam format JPEG, PNG, dan tentunya WebP.<\/p>\n<p>Untuk soal fitur, sebenarnya Imagify mempunyai banyak kesamaan dengan fitur ShortPixel. Hanya saja dari sisi harga, Imagify menerapkan batasan pada kapasitas gambar yang dikompres. Misalnya pada paket yang Lite bisa mengkompres gambar dengan batas maksimal 1 GB. Kemudian paket Basic dengan kapasitas maksimal 2 GB dan seterusnya.<\/p>\n<p><strong>Fitur unggulan :<\/strong><\/p>\n<ol>\n<li>Memiliki tiga level untuk kompresi gambar yaitu:\u00a0<strong>Normal\u00a0<\/strong>(metode lossless \u2013 kualitas foto tidak akan berubah),<strong>\u00a0Aggresive\u00a0<\/strong>(metode lossy \u2013 mengurangi sedikit kualitas namun tidak begitu terlihat),<strong>\u00a0Ultra<\/strong>\u00a0(kompresi yang lebih unggul dari lossless dan lossy).<\/li>\n<li>Dapat mengoptimasi gambar pada format JPEG, PNG, WebP, file PDF, dan GIF.<\/li>\n<li>Terdapat fitur resize untuk mengubah ukuran sesuai lebar, tinggi, dan panjang yang diinginkan.<\/li>\n<\/ol>\n<p><strong>Harga :<\/strong><\/p>\n<ol>\n<li>Tersedia layanan free trial untuk mengkompres gambar dengan batas 25 MB.<\/li>\n<li>Menyediakan lima paket berbeda yaitu:\u00a0<strong>Lite $4.99\u00a0<\/strong>(1 GB \/ bulan)<strong>, Basic $8.99\u00a0<\/strong>(2 GB \/ bulan),<strong>\u00a0Standard $19.99\u00a0<\/strong>(5 GB \/ bulan)<strong>, Pluss $39.99\u00a0<\/strong>(15 GB \/ bulan)<strong>, Enterprise $69.99\u00a0<\/strong>(50 GB \/ bulan)<strong>.<\/strong><\/li>\n<\/ol>\n<p><strong>Cara mengaktifkan WebP file di WordPress :<\/strong><\/p>\n<ul>\n<li>Setelah plugin terinstall, buka\u00a0<strong>Settings\u00a0<\/strong>di menu dashboard WordPress. Pilih\u00a0<strong>Imagify.<\/strong><\/li>\n<li>Masukkan nomor API key yang terkirim ke email.<\/li>\n<li>Pilih level kompresi yang diinginkan.<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5825 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/level-kompresi.png\" alt=\"\" width=\"1276\" height=\"864\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/level-kompresi.png 1276w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/level-kompresi-1024x693.png 1024w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/level-kompresi-768x520.png 768w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/level-kompresi-555x376.png 555w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/level-kompresi-1110x752.png 1110w\" sizes=\"auto, (max-width: 1276px) 100vw, 1276px\" \/><\/p>\n<ul>\n<li>Scroll ke bawah sampai menemukan bagian\u00a0<strong>Optimization\u00a0<\/strong>dan\u00a0<strong>format Webp.<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5826 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Optimization.png\" alt=\"\" width=\"1536\" height=\"554\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Optimization.png 1536w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Optimization-1024x369.png 1024w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Optimization-768x277.png 768w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Optimization-555x200.png 555w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Optimization-1110x400.png 1110w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<ul>\n<li>Centang bagian <strong>&#8220;<\/strong><strong>Create webp versions of images&#8221;.<\/strong><\/li>\n<li>Centang bagian <strong>&#8220;<\/strong><strong>Display images in webp format on the site&#8221;.<\/strong><\/li>\n<li>Pilih <strong>&#8220;<\/strong><strong>use &lt;picture&gt; tags&#8221;.<\/strong><\/li>\n<li>Kalau mau menggunakan CDN, masukkan URL ke kolom yang tersedia.<\/li>\n<li>Klik\u00a0<strong>Save Changes.<\/strong><\/li>\n<\/ul>\n<h3><strong>3. Optimole<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5829 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Optimole.png\" alt=\"\" width=\"1035\" height=\"531\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Optimole.png 1035w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Optimole-1024x525.png 1024w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Optimole-768x394.png 768w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Optimole-555x285.png 555w\" sizes=\"auto, (max-width: 1035px) 100vw, 1035px\" \/><\/p>\n<p>Plugin ini secara garis besar mempunyai fungsi yang sama seperti kedua plugin sebelumnya. Yaitu, mengkompres gambar ke format JPEG, PNG, WebP file, dan GIF. Hanya saja, di sini bisa mendapatkan fitur tambahan berupa optimasi gambar yang disesuaikan dari layar browser pengguna.<\/p>\n<p>Misalnya, pengunjung memiliki layar smartphone lebih kecil. Maka, hasil resolusi gambar yang ditampilkan akan lebih rendah dibandingkan layar desktop. Namun, tetap dalam kualitas gambar yang tinggi.<\/p>\n<p>Setelah menginstall Optimole di WordPress tidak perlu melakukan konfigurasi atau setting apapun untuk mengkompres gambar. Semuanya akan diproses otomatis. Sisanya hanya diminta untuk menentukan kualitas gambar yang diinginkan: <strong>Low<\/strong>,\u00a0<strong>Medium<\/strong>, atau\u00a0<strong>High<\/strong>.<\/p>\n<p><strong>Fitur unggulan :<\/strong><\/p>\n<ol>\n<li>Mendukung semua jenis format yaitu JPEG, PNG, WebP, dan GIF.<\/li>\n<li>Dapat mengoptimasi berdasarkan ukuran layar browser pengguna.<\/li>\n<li>Dapat mengkompres gambar via CDN.<\/li>\n<li>Dibekali dengan fitur lazy loading untuk menampilkan gambar dan mendukung website menjadi lebih cepat.<\/li>\n<\/ol>\n<p><strong>Harga :<\/strong><\/p>\n<ol>\n<li>Tersedia layanan free trial satu bulan dengan maksimal pengunjung 5000.<\/li>\n<li>Tersedia enam paket berbayar yaitu:\u00a0<strong>Starter $19.8\u00a0<\/strong>(max. 25 ribu pengunjung \/ bulan),\u00a0 <strong>Business $39.08\u00a0<\/strong>(max. 100 ribu pengunjung \/ bulan),<strong>\u00a0Business 2 $69.08\u00a0<\/strong>(max. 250 ribu pengunjung \/ bulan),<strong>\u00a0Business 3 $149\u00a0<\/strong>(max. 750 ribu pengunjung \/ bulan),<strong>\u00a0Business 4 $239\u00a0<\/strong>(max. 1,5 juta pengunjung \/ bulan),<strong>\u00a0Business 5 $359\u00a0<\/strong>(max. 3 juta pengunjung \/ bulan).<\/li>\n<\/ol>\n<h1 id=\"pro-dan-kontra\"><strong>Pro dan Kontra\u00a0<span id=\"3_Plugin_WebP_File_Populer_yang_Bisa_Anda_Coba\">WebP File<\/span><\/strong><\/h1>\n<p>Karena format ini masih tergolong baru, ada beberapa pro dan kontra yang perlu diperhatikan jika ingin menggunakan format ini :<\/p>\n<h3 id=\"pro\"><strong>1. Pro<\/strong><\/h3>\n<ol>\n<li>Ukuran lebih kecil.<\/li>\n<li>Kualitas tetap, bahkan bisa meningkat.<\/li>\n<li>Satu format WebP bisa menggantikan format JPEG maupun PNG.<\/li>\n<\/ol>\n<h3 id=\"kontra\"><strong>2. Kontra<\/strong><\/h3>\n<ol>\n<li>Belum didukung semua browser.<\/li>\n<li>Belum didukung secara native oleh sistem operasi mana pun, alternatif bisa menggunakan plugin.<\/li>\n<\/ol>\n<p>Terlepas dari pro dan kontra diatas WebP bisa menjadi pilihan yang bijak jika ingin mengurangi ukuran aplikasi android sebanyak 20% &#8211; 30%. Di android sendiri sudah mendukung format WebP dari versi 4.0 (ICS) keatas (Loosless &amp; Transparance dari versi 4.2.1).<\/p>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-right kksr-valign-bottom\"\n    data-payload='{&quot;align&quot;:&quot;right&quot;,&quot;id&quot;:&quot;5822&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;3&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;4.3&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;0&quot;,&quot;greet&quot;:&quot;Jadilah yang pertama untuk memberi nilai&quot;,&quot;legend&quot;:&quot;4.3\\\/5 - (3 votes)&quot;,&quot;size&quot;:&quot;22&quot;,&quot;title&quot;:&quot;Google WebP : Format Gambar Digital yang Mempercepat Website&quot;,&quot;width&quot;:&quot;94.6&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 94.6px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 17.6px;\">\n            4.3\/5 - (3 votes)    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Gambar adalah salah satu faktor yang turut memengaruhi kecepatan dan performa website. Jika ingin meningkatkan kecepatan website, ukuran gambar adalah salah satu kuncinya. Karena semakin besar ukuran gambar, semakin lama loading website. Pada saat ini ada format gambar yang lebih ringan dibandingkan JPEG dan PNG, yaitu WebP file. Format ini memiliki\u00a0size gambar yang kecil, tapi [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":5848,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"twitter_2392824914_2392824914":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"enabled":false},"version":2}},"categories":[3],"tags":[1938,1939,1937],"class_list":["post-5822","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-cara-kerja-webp-file","tag-plugin-webp-file","tag-webp-adalah"],"featured_image_src":{"landsacpe":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/WebP-Format-Gambar-Digital-1110x669.png",738,445,true],"list":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/WebP-Format-Gambar-Digital-555x335.png",463,279,true],"medium":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/WebP-Format-Gambar-Digital-300x181.png",300,181,true],"full":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/WebP-Format-Gambar-Digital.png",1828,1102,false]},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Google WebP : Format Gambar Digital yang Mempercepat Website - Hosteko Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Google WebP : Format Gambar Digital yang Mempercepat Website - Hosteko Blog\" \/>\n<meta property=\"og:description\" content=\"Gambar adalah salah satu faktor yang turut memengaruhi kecepatan dan performa website. Jika ingin meningkatkan kecepatan website, ukuran gambar adalah salah satu kuncinya. Karena semakin besar ukuran gambar, semakin lama loading website. Pada saat ini ada format gambar yang lebih ringan dibandingkan JPEG dan PNG, yaitu WebP file. Format ini memiliki\u00a0size gambar yang kecil, tapi [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website\" \/>\n<meta property=\"og:site_name\" content=\"Hosteko Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-08T09:12:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-17T01:06:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/WebP-Format-Gambar-Digital.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1828\" \/>\n\t<meta property=\"og:image:height\" content=\"1102\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Risa Y\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Risa Y\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website#article\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website\"},\"author\":{\"name\":\"Risa Y\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b\"},\"headline\":\"Google WebP : Format Gambar Digital yang Mempercepat Website\",\"datePublished\":\"2020-10-08T09:12:53+00:00\",\"dateModified\":\"2020-10-17T01:06:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website\"},\"wordCount\":1148,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/WebP-Format-Gambar-Digital.png\",\"keywords\":[\"cara kerja webp file\",\"Plugin WebP File\",\"webp adalah\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website\",\"url\":\"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website\",\"name\":\"Google WebP : Format Gambar Digital yang Mempercepat Website - Hosteko Blog\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/WebP-Format-Gambar-Digital.png\",\"datePublished\":\"2020-10-08T09:12:53+00:00\",\"dateModified\":\"2020-10-17T01:06:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website#primaryimage\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/WebP-Format-Gambar-Digital.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/WebP-Format-Gambar-Digital.png\",\"width\":1828,\"height\":1102},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hosteko.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Google WebP : Format Gambar Digital yang Mempercepat Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hosteko.com\/blog\/#website\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"name\":\"Hosteko Blog\",\"description\":\"Berita &amp; Informasi Dunia IT\",\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hosteko.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\",\"name\":\"HOSTEKO\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"width\":195,\"height\":57,\"caption\":\"HOSTEKO\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b\",\"name\":\"Risa Y\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g\",\"caption\":\"Risa Y\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Google WebP : Format Gambar Digital yang Mempercepat Website - Hosteko Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website","og_locale":"en_US","og_type":"article","og_title":"Google WebP : Format Gambar Digital yang Mempercepat Website - Hosteko Blog","og_description":"Gambar adalah salah satu faktor yang turut memengaruhi kecepatan dan performa website. Jika ingin meningkatkan kecepatan website, ukuran gambar adalah salah satu kuncinya. Karena semakin besar ukuran gambar, semakin lama loading website. Pada saat ini ada format gambar yang lebih ringan dibandingkan JPEG dan PNG, yaitu WebP file. Format ini memiliki\u00a0size gambar yang kecil, tapi [&hellip;]","og_url":"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website","og_site_name":"Hosteko Blog","article_published_time":"2020-10-08T09:12:53+00:00","article_modified_time":"2020-10-17T01:06:45+00:00","og_image":[{"width":1828,"height":1102,"url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/WebP-Format-Gambar-Digital.png","type":"image\/png"}],"author":"Risa Y","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Risa Y","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website#article","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website"},"author":{"name":"Risa Y","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b"},"headline":"Google WebP : Format Gambar Digital yang Mempercepat Website","datePublished":"2020-10-08T09:12:53+00:00","dateModified":"2020-10-17T01:06:45+00:00","mainEntityOfPage":{"@id":"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website"},"wordCount":1148,"commentCount":0,"publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"image":{"@id":"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/WebP-Format-Gambar-Digital.png","keywords":["cara kerja webp file","Plugin WebP File","webp adalah"],"articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website","url":"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website","name":"Google WebP : Format Gambar Digital yang Mempercepat Website - Hosteko Blog","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website#primaryimage"},"image":{"@id":"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/WebP-Format-Gambar-Digital.png","datePublished":"2020-10-08T09:12:53+00:00","dateModified":"2020-10-17T01:06:45+00:00","breadcrumb":{"@id":"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website#primaryimage","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/WebP-Format-Gambar-Digital.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/WebP-Format-Gambar-Digital.png","width":1828,"height":1102},{"@type":"BreadcrumbList","@id":"https:\/\/hosteko.com\/blog\/google-webp-format-gambar-digital-yang-mempercepat-website#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hosteko.com\/blog"},{"@type":"ListItem","position":2,"name":"Google WebP : Format Gambar Digital yang Mempercepat Website"}]},{"@type":"WebSite","@id":"https:\/\/hosteko.com\/blog\/#website","url":"https:\/\/hosteko.com\/blog\/","name":"Hosteko Blog","description":"Berita &amp; Informasi Dunia IT","publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hosteko.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hosteko.com\/blog\/#organization","name":"HOSTEKO","url":"https:\/\/hosteko.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","width":195,"height":57,"caption":"HOSTEKO"},"image":{"@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b","name":"Risa Y","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g","caption":"Risa Y"}}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/WebP-Format-Gambar-Digital.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/5822","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/comments?post=5822"}],"version-history":[{"count":0,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/5822\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media\/5848"}],"wp:attachment":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media?parent=5822"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/categories?post=5822"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/tags?post=5822"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}