{"id":6523,"date":"2018-07-12T07:36:52","date_gmt":"2018-07-12T07:36:52","guid":{"rendered":"https:\/\/blog.hostinger.io\/co-id-tutorial\/?p=6523"},"modified":"2025-12-18T23:35:06","modified_gmt":"2025-12-18T16:35:06","slug":"cara-optimasi-gambar-untuk-website-wordpress","status":"publish","type":"post","link":"\/id\/tutorial\/cara-optimasi-gambar-untuk-website-wordpress","title":{"rendered":"Cara mengoptimalkan gambar di WordPress agar loading lebih cepat"},"content":{"rendered":"<p>Tahukah Anda kalau optimasi gambar untuk website WordPress bisa turut meningkatkan performanya di mesin pencari?<\/p><p>Yap, optimasi gambar memiliki banyak manfaat untuk website, seperti meningkatkan waktu loading jadi lebih cepat, mengoptimalkan user experience, bahkan menaikkan peringkatnya di SERP (halaman hasil mesin pencari).<\/p><p>Kali ini, kami akan menjelaskan 4 cara mengoptimasi gambar untuk website WordPress. Kami juga akan merekomendasikan plugin terbaik untuk optimasi gambar dan menjawab beberapa pertanyaan umum tentang gambar WordPress. Mari simak tutorialnya!<\/p><h2 class=\"wp-block-heading\" id=\"h-manfaat-optimasi-gambar-wordpress\">Manfaat Optimasi Gambar WordPress<\/h2><p>Ada beberapa manfaat berguna yang bisa Anda dapatkan dengan mengoptimalkan gambar di website WordPress, di antaranya adalah:<\/p><ul class=\"wp-block-list\">\n<li><strong>Meningkatkan loading halaman. <\/strong>Gambar yang tidak dioptimasi akan membuat ukuran web menjadi jauh lebih besar sehingga loadingnya pun melambat. Dengan optimasi gambar berukuran besar tanpa mengorbankan kualitasnya, Anda bisa <a href=\"\/id\/tutorial\/cara-mempercepat-wordpress\/\">mempercepat WordPress<\/a>.<\/li>\n\n\n\n<li><strong>Meningkatkan pengalaman pengguna. <\/strong>Siapa yang tidak jengkel saat menunggu loading website yang sangat lama? Nah, lamanya loading bisa meningkatkan bounce rate, atau persentase pengunjung yang mengakses halaman web lalu langsung menutupnya tanpa membaca informasi yang disajikan. Persentase ini cukup tinggi di website yang waktu loadingnya lebih dari <a href=\"https:\/\/neilpatel.com\/blog\/loading-time\/\" target=\"_blank\" rel=\"noreferrer noopener\">tiga detik<\/a>.<\/li>\n\n\n\n<li><strong>Lebih baik<\/strong> <a href=\"\/id\/tutorial\/apa-itu-seo\">SEO<\/a>. Search engine seperti Google lebih menyukai website yang cepat dan memberi penalti pada website yang lambat. Oleh karena itu, image SEO yang baik dan loading website yang cepat Anda memungkinkan website mendapatkan peringkat yang lebih tinggi di halaman hasil pencarian.<\/li>\n\n\n\n<li><strong>Hemat ruang disk. <\/strong>Optimasi gambar WordPress memungkinkan Anda menggunakan resource hosting secara lebih efisien. Kalau file gambar hanya perlu sedikit kapasitas penyimpanan, Anda pun bisa memanfaatkan sisanya untuk menambahkan jenis konten dan fitur lainnya pada website.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-4-cara-optimasi-gambar-untuk-wordpress\">4 Cara Optimasi Gambar untuk WordPress<\/h2><p>Lanjutkan membaca bagian ini untuk mempelajari 4 cara mengoptimalkan gambar website WordPress.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-sediakan-gambar-melalui-cdn\">1. Sediakan Gambar Melalui CDN<\/h3><p><a href=\"\/id\/tutorial\/apa-itu-cdn\">CDN adalah<\/a> sistem server edge yang tersebar di seluruh dunia, berfungsi untuk menyediakan konten website dengan cepat, seperti gambar, video, dan stylesheet.<\/p><p>Apabila website WordPress Anda menggunakan CDN, pengunjung bisa menerima data dari server yang berada paling dekat dengan mereka. Nah, berkat jarak yang lebih dekat ini, gambar website Anda pun bisa ditampilkan lebih cepat.&nbsp;<\/p><p>Sebagai contoh, kalau IP address pengunjung Anda berada di Indonesia, server edge yang berlokasi di Asia Tenggara akan mengirimkan salinan konten Anda sehingga mempercepat waktu loading.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1068\" height=\"924\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/cara-kerja-cdn.png\/public\" alt=\"ilustrasi cara kerja content delivery network (CDN)\" class=\"wp-image-28226\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/cara-kerja-cdn.png\/w=1068,fit=scale-down 1068w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/cara-kerja-cdn.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/cara-kerja-cdn.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/cara-kerja-cdn.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/cara-kerja-cdn.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1068px) 100vw, 1068px\" \/><\/figure><\/div><p>Anda bisa mengatur CDN secara terpisah, misalnya <a href=\"\/id\/tutorial\/cara-setting-cloudflare\">setting Cloudflare dengan WordPress<\/a>. Untungnya, beberapa provider managed WordPress hosting seperti Hostinger sudah menyertakan CDN dalam layanannya. Kalau menggunakan paket <strong>Business<\/strong> atau yang lebih tinggi, aktifkan CDN Hostinger dengan langkah-langkah berikut:<\/p><ol class=\"wp-block-list\">\n<li>Masuk ke <strong>hPanel<\/strong> lalu akses dashboard hosting Anda.<\/li>\n\n\n\n<li>Dari menu sidebar, buka ke <strong>Performa &rarr; CDN<\/strong>.<\/li>\n\n\n\n<li>Pilih <strong>Aktifkan<\/strong> untuk mengaktifkan CDN.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1465\" height=\"665\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/12\/mengaktifkan-cdn-di-hpanel-hostinger.png\/public\" alt=\"mengaktifkan cdn di hpanel hostinger\" class=\"wp-image-32889\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/12\/mengaktifkan-cdn-di-hpanel-hostinger.png\/w=1465,fit=scale-down 1465w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/12\/mengaktifkan-cdn-di-hpanel-hostinger.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/12\/mengaktifkan-cdn-di-hpanel-hostinger.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/12\/mengaktifkan-cdn-di-hpanel-hostinger.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/12\/mengaktifkan-cdn-di-hpanel-hostinger.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1465px) 100vw, 1465px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Apabila mengklik ikon panah di samping <strong>Flush cache<\/strong>, Anda akan melihat opsi untuk mengaktifkan <strong>kompresi gambar WebP<\/strong>, <strong>minify CSS dan JavaScript<\/strong>, dan <strong>optimasi gambar smart<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1148\" height=\"498\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/12\/opsi-optimasi-website-di-hpanel.png\/public\" alt=\"opsi optimasi website di hpanel\" class=\"wp-image-32892\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/12\/opsi-optimasi-website-di-hpanel.png\/w=1148,fit=scale-down 1148w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/12\/opsi-optimasi-website-di-hpanel.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/12\/opsi-optimasi-website-di-hpanel.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/12\/opsi-optimasi-website-di-hpanel.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/12\/opsi-optimasi-website-di-hpanel.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1148px) 100vw, 1148px\" \/><\/figure><\/div><p>Propagasi CDN, atau proses memperbarui dan mendistribusikan konten Anda ke seluruh server dalam jaringan, mungkin memerlukan waktu 24-48 jam.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/id\/wordpress-hosting\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-37614\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-2-kompresi-gambar-wordpress\">2. Kompresi Gambar WordPress<\/h3><p>Dengan mengompresi gambar, Anda akan mengurangi ukurannya. File gambar yang dikompresi bisa dimuat dengan lebih cepat di halaman website WordPress sehingga akan meningkatkan kecepatannya.<\/p><p>Anda bisa mengompresi gambar WordPress dengan mudah menggunakan plugin. Dengan plugin seperti ini, Anda biasanya tidak hanya bisa mengompresi gambar, tapi juga akan mendapatkan fitur optimasi gambar lainnya.<\/p><p>Tenang, kami akan membahas dua plugin optimasi gambar terbaik di bagian berikutnya dalam artikel ini.<\/p><p>Atau, Anda juga bisa memperkecil ukuran gambar sebelum menguploadnya ke WordPress. Gunakan software pengeditan gambar atau tool gratis seperti <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https:\/\/tinypng.com\/\">TinyPNG<\/a>.&nbsp;<\/p><p>Selain untuk gambar PNG, TinyPNG bisa menangani file lain seperti format WebP dan format JPEG. Cukup upload gambar yang ingin Anda kompresi, lalu tool tersebut akan mengurangi ukurannya. Tool ini juga bisa mengompresi beberapa file sekaligus.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"459\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/berhasil-kompresi-gambar-di-tool-TinyPNG.png\/public\" alt=\"berhasil kompresi gambar di tool TinyPNG\" class=\"wp-image-32469\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/berhasil-kompresi-gambar-di-tool-TinyPNG.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/berhasil-kompresi-gambar-di-tool-TinyPNG.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/berhasil-kompresi-gambar-di-tool-TinyPNG.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/berhasil-kompresi-gambar-di-tool-TinyPNG.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-3-ubah-ukuran-gambar\">3. Ubah Ukuran Gambar<\/h3><p>Cara lain untuk mengoptimalkan gambar WordPress adalah dengan mengubah ukuran dimensi pikselnya. Untungnya, fitur ini sudah terintegrasi di core WordPress.&nbsp;<\/p><p>Secara default, WordPress menggunakan 4 ukuran yang berbeda untuk gambar:<\/p><ul class=\"wp-block-list\">\n<li><strong>Thumbnail<\/strong> (150 x 150 piksel)<\/li>\n\n\n\n<li><strong>Medium<\/strong> (hingga 300 x 300 piksel)<\/li>\n\n\n\n<li><strong>Large<\/strong> (hingga 1024 x 1024 piksel)<\/li>\n\n\n\n<li><strong>Full Size<\/strong> (ukuran gambar asli)<\/li>\n<\/ul><p>Namun, Anda tetap bisa mengubahnya sesuai preferensi. Berikut cara resize gambar WordPress default melalui media library:<\/p><ol class=\"wp-block-list\">\n<li>Buka dashboard WordPress lalu arahkan ke <strong>Settings<\/strong> (Pengaturan)<strong> -&gt; Media<\/strong>.<\/li>\n\n\n\n<li>Masukkan <strong>lebar dan tinggi maksimum<\/strong> yang Anda inginkan untuk setiap ukuran.<\/li>\n\n\n\n<li>Klik<strong> Save Changes<\/strong> (Simpan Perubahan).<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"936\" height=\"856\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/pengaturan-gambar-WordPress.png\/public\" alt=\"pengaturan gambar WordPress\" class=\"wp-image-32470\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/pengaturan-gambar-WordPress.png\/w=936,fit=scale-down 936w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/pengaturan-gambar-WordPress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/pengaturan-gambar-WordPress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/pengaturan-gambar-WordPress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 936px) 100vw, 936px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-4-bersihkan-media-library-wordpress\">4. Bersihkan Media Library WordPress<\/h3><p>Seiring berkembangnya website, media library Anda juga akan menyimpan banyak gambar yang pernah diupload. Meskipun gambar-gambar ini memang ditampilkan di website, mungkin ada banyak yang pada akhirnya tidak digunakan.<\/p><p>Misalnya, gambar yang sesuai dari postingan blog yang sudah dihapus akan tetap ada di media library Anda.<\/p><p>Banyaknya gambar ini bisa memperlambat website lho, karena memakan banyak ruang di <a href=\"\/id\/wordpress-hosting\">server WordPress hosting<\/a> dan menyulitkan pengelolaan media. Backup dan restore website juga bisa menjadi lebih lama karena ada banyak file yang perlu disertakan.<\/p><p>Sebelum membersihkan media library WordPress, sebaiknya Anda <a href=\"\/id\/tutorial\/cara-backup-wordpress\">membackup website WordPress<\/a> Anda lebih dulu. Dengan begitu, Anda bisa mengembalikan website ke keadaan sebelumya kalau-kalau terjadi error saat membersihkan file.<\/p><p>Ada dua metode utama untuk membersihkan media library WordPress: secara manual atau secara otomatis menggunakan plugin.&nbsp;<\/p><p>Dengan cara manual, Anda bisa menghapus secara permanen gambar yang sudah tidak digunakan:<\/p><ol class=\"wp-block-list\">\n<li>Buka dashboard admin WordPress.<\/li>\n\n\n\n<li>Buka<strong> Media <\/strong>-&gt;<strong> Library<\/strong> (Pustaka).<\/li>\n\n\n\n<li>Anda bisa menghapus gambar yang tidak digunakan secara individu atau secara massal.\n<ul class=\"wp-block-list\">\n<li>Untuk menghapus gambar secara individu, klik gambar lalu pilih <strong>Delete permanently<\/strong> (Hapus secara permanen).<\/li>\n\n\n\n<li>Untuk menghapus gambar secara massal, klik <strong>Bulk select<\/strong> (Pilih massal), pilih gambar yang ingin dihapus, lalu klik <strong>Delete permanently<\/strong> (Hapus secara permanen).<\/li>\n<\/ul>\n<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"332\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/tombol-hapus-permanen-di-media-library-wordpress.png\/public\" alt=\"tombol hapus permanen di media library wordpress\" class=\"wp-image-32471\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/tombol-hapus-permanen-di-media-library-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/tombol-hapus-permanen-di-media-library-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/tombol-hapus-permanen-di-media-library-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/tombol-hapus-permanen-di-media-library-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Kemudian, ini cara membersihkan media library WordPress menggunakan plugin Media Cleaner:<\/p><ol class=\"wp-block-list\">\n<li>Buka dashboard admin WordPress.<\/li>\n\n\n\n<li>Instal dan aktifkan plugin <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/media-cleaner\/\">Media Cleaner<\/a>.<\/li>\n\n\n\n<li>Buka <strong>Media -&gt; Cleaner<\/strong>.<\/li>\n\n\n\n<li>Klik <strong>Scan<\/strong>. Gambar yang tidak digunakan akan ditampilkan sebagai &ldquo;Seems not in use&rdquo; (Sepertinya tidak digunakan) pada kolom <strong>Issue <\/strong>(Masalah).<\/li>\n\n\n\n<li>Pilih gambar yang ingin Anda hapus, lalu klik <strong>Delete (number of selected images) entries<\/strong> (Hapus (jumlah gambar yang dipilih) file).&nbsp;<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"467\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/Memilih-gambar-yang-akan-dihapus-di-media-WordPress-menggunakan-plugin-Media-Cleaner.png\/public\" alt=\"Memilih gambar yang akan dihapus di media WordPress menggunakan plugin Media Cleaner.\" class=\"wp-image-32472\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/Memilih-gambar-yang-akan-dihapus-di-media-WordPress-menggunakan-plugin-Media-Cleaner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/Memilih-gambar-yang-akan-dihapus-di-media-WordPress-menggunakan-plugin-Media-Cleaner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/Memilih-gambar-yang-akan-dihapus-di-media-WordPress-menggunakan-plugin-Media-Cleaner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/Memilih-gambar-yang-akan-dihapus-di-media-WordPress-menggunakan-plugin-Media-Cleaner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-plugin-optimasi-gambar-wordpress-terbaik\">Plugin Optimasi Gambar WordPress Terbaik<\/h2><p>Plugin optimasi gambar akan bekerja dengan mengoptimalkan gambar yang ada, juga yang baru diupload. Berikut adalah dua plugin optimasi gambar WordPress terbaik yang bisa diinstal di website Anda.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-image-optimization-and-lazy-load-by-optimole\">1. <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/optimole-wp\/\">Image Optimization and Lazy Load by Optimole<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"468\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/plugin-optimasi-gambar-Optimole.png\/public\" alt=\"plugin optimasi gambar Optimole\" class=\"wp-image-32473\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/plugin-optimasi-gambar-Optimole.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/plugin-optimasi-gambar-Optimole.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/plugin-optimasi-gambar-Optimole.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/plugin-optimasi-gambar-Optimole.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ul class=\"wp-block-list\">\n<li><strong>Download: <\/strong>80.000+<\/li>\n\n\n\n<li><strong>Rating: <\/strong>4,8\/5<\/li>\n\n\n\n<li><strong>Fitur penting:<\/strong> CDN gambar, media library cloud, lazy loading gambar<\/li>\n\n\n\n<li><strong>Harga: <\/strong>freemium, paket premium dimulai dari <strong>$21,18\/bulan <\/strong>(sekitar Rp330.000)<\/li>\n<\/ul><p>Optimole adalah plugin optimasi untuk gambar WordPress yang bekerja melalui CDN global. Dikombinasikan dengan solusi berbasis cloud, Optimole mengurangi beban pada server Anda dan mempercepat waktu loading website.<\/p><p>Plugin ini dilengkapi dengan setup sekali klik dan tool otomatis. Cukup buat akun, lalu masukkan API key untuk mengaktifkannya. Tool ini kemudian akan berjalan secara otomatis di latar belakang untuk mengoptimasi gambar.<\/p><p>Versi gratisnya mendukung 5.000 kunjungan per bulan. Anda bisa membeli salah satu paket premiumnya untuk mengakomodasi lebih banyak kunjungan. Harga paket <strong>Optimole Starter<\/strong> adalah <strong>$21,18\/bulan<\/strong> (sekitar Rp330.000) untuk 25.000 kunjungan, sementara harga paket <strong>Optimole Business<\/strong> yang mendukung 100.000 kunjungan bulanan adalah <strong>$43,08\/bulan <\/strong>(sekitar Rp670.000).<\/p><p><a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https:\/\/optimole.com\/pricing\/\">HARGA<\/a> \/ <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/optimole-wp\/\">DOWNLOAD<\/a><\/p><h3 class=\"wp-block-heading\" id=\"h-2-imagify-image-optimizer\">2. <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/imagify\/\">Imagify Image Optimizer<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"389\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/Imagify-Image-Optimizer-website.png\/public\" alt=\"Imagify Image Optimizer website\" class=\"wp-image-32474\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/Imagify-Image-Optimizer-website.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/Imagify-Image-Optimizer-website.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/Imagify-Image-Optimizer-website.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/11\/Imagify-Image-Optimizer-website.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ul class=\"wp-block-list\">\n<li><strong>Download: <\/strong>600,000+<\/li>\n\n\n\n<li><strong>Rating: <\/strong>4,4\/5<\/li>\n\n\n\n<li><strong>Fitur penting:<\/strong> optimasi otomatis, backup gambar, integrasi aplikasi online<\/li>\n\n\n\n<li><strong>Harga: <\/strong>freemium, dengan paket premium seharga <strong>$9,99\/bulan <\/strong>(sekitar Rp155.000)<\/li>\n<\/ul><p>Imagify meningkatkan kecepatan loading website Anda secara otomatis dengan mengubah ukuran dan mengompresi berbagai format gambar. Selain foto, Imagify juga bisa mengoptimasi grafis animasi.<\/p><p>Terdapat tiga konfigruasi kompresi: <strong>normal<\/strong>, <strong>aggressive<\/strong>, dan <strong>ultra<\/strong>. Normal berarti kompresi lossless, sedangkan agresif dan ultra adalah jenis kompresi lossy. Dibandingkan dengan kompresi lossless, lossy mengurangi ukuran file secara lebih signifikan dengan mengorbankan kualitas gambar.<\/p><p>Paket gratis Imagify membatasi pengguna hingga 20 MB gambar per bulan dengan ukuran unggah maksimum 2 MB per gambar. Sementara itu, versi premium menawarkan kapasitas unlimited seharga <strong>$9,99\/bulan <\/strong>(sekitar Rp155.000).<\/p><p><a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https:\/\/imagify.io\/pricing\">HARGA<\/a> \/ <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/imagify\/\">DOWNLOAD<\/a><\/p><h2 class=\"wp-block-heading\" id=\"h-kesimpulan\">Kesimpulan<\/h2><p>Melakukan optimasi untuk gambar WordPress merupakan langkah penting untuk meningkatkan kecepatan loading, memaksimalkan pengalaman pengguna dan strategi SEO, serta menghemat ruang penyimpanan di server hosting.<\/p><p>Di artikel ini, kami telah menjelaskan 4 cara optimasi gambar di WordPress:<\/p><ol class=\"wp-block-list\">\n<li><strong>Kompres gambar. <\/strong>Gunakan software pengeditan gambar atau tool online seperti TinyPNG untuk mengurangi ukuran file gambar dengan cepat tanpa mengorbankan kualitasnya.<\/li>\n\n\n\n<li><strong>Ubah ukuran file gambar. <\/strong>Konfigurasikan pengaturan default untuk mengubah ukuran gambar di WordPress.<\/li>\n\n\n\n<li><strong>Sediakan gambar melalui CDN. <\/strong>Dapatkan CDN WordPress seperti Cloudflare untuk mengirimkan gambar dengan cepat melalui server edge yang tersebar secara global.<\/li>\n\n\n\n<li><strong>Bersihkan media library WordPress. <\/strong>Hapus gambar yang tidak digunakan atau kurangi penggunaan gambar duplikat di media library WordPress Anda secara manual atau menggunakan plugin.<\/li>\n<\/ol><p>Selain langkah di atas, Anda juga bisa memberikan nama file gambar serta alt text yang mengandung kata kunci dan mendeskripsikan gambar dengan baik saat mengupload gambar untuk membantu meningkatkan strategi image SEO situs.<\/p><p>Semoga artikel ini bisa membantu Anda mempercepat loading website WordPress melalui optimasi gambar, ya. Semoga berhasil!<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Artikel Lainnya tentang WordPress<\/h4>\n                    <p><a href=\"\/id\/tutorial\/cara-mengganti-font-di-wordpress\/\">Mengubah Ukuran Font di WordPress<\/a><br>\n<a href=\"\/id\/tutorial\/wordpress-staging-environment\">Cara Staging WordPress<\/a><br>\n<a href=\"\/id\/tutorial\/custom-field-wordpress\">Menambahkan Custom Field ke Postingan WordPress<\/a><\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-pertanyaan-seputar-cara-optimasi-gambar-untuk-wordpress\">Pertanyaan Seputar Cara Optimasi Gambar untuk WordPress<\/h2><p>Di bagian ini, kami akan menjawab beberapa pertanyaan yang paling sering diajukan tentang optimasi gambar untuk WordPress.<\/p><div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-69442d3a4f3bc\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Apakah WordPress Mengoptimasi Gambar secara Otomatis?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Ya, sejak WordPress 4.5, WordPress mengompresi semua gambar menjadi 82% dari aslinya. Namun, persentase ini masih kurang signifikan dalam mempercepat loading. Sebaiknya tetap lakukan metode yang kami rekomendasikan di sini.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69442d3a4f3c0\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Berapa Ukuran Gambar Terbaik untuk WordPress?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Ukuran yang direkomendasikan untuk berbagai jenis gambar di WordPress adalah:<br><strong>Gambar postingan blog<\/strong>: 1200 x 630 px<br><strong>Header<\/strong>: 1048 x 250 px<br><strong>Thumbnail<\/strong>: 150 x 150 px<br><strong>Logo<\/strong>: 200 x 100 px<br><strong>Gambar unggulan<\/strong>: 1200 x 900 px (landscape) atau 900 x 1200 px (portrait)<br><strong>Gambar latar belakang<\/strong>: 1920 x 1080 px<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69442d3a4f3c1\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Apa Tool Optimasi Gambar Terbaik untuk WordPress?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Hal ini akan bergantung pada kebutuhan Anda. Cari tool yang menawarkan fitur kompresi dan optimasi untuk meningkatkan kecepatan dan performa website.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69442d3a4f3c2\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Apakah Bisa Optimasi Gambar WordPress tanpa Plugin?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Ya, bisa, yaitu dengan mengubah ukurannya ke dimensi yang sesuai, mengompresinya menggunakan tool online, serta mengoptimalkan nama file dan alt tag gambar. Anda juga bisa menggunakan lazy loading untuk mempercepat loading halaman.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Tahukah Anda kalau optimasi gambar untuk website WordPress bisa turut meningkatkan performanya di mesin pencari? Yap, optimasi gambar memiliki banyak manfaat untuk website, seperti meningkatkan waktu loading jadi lebih cepat, mengoptimalkan user experience, bahkan menaikkan peringkatnya di SERP (halaman hasil mesin pencari). Kali ini, kami akan menjelaskan 4 cara mengoptimasi gambar untuk website WordPress. Kami [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/id\/tutorial\/cara-optimasi-gambar-untuk-website-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":190,"featured_media":32468,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Cara Optimasi Gambar untuk Website WordPress","rank_math_description":"Optimasi gambar website bisa menjadi salah satu faktor untuk menaikkan ranking karena mempercepat loading. Baca caranya di artikel ini yuk!","rank_math_focus_keyword":"optimasi gambar untuk website","footnotes":""},"categories":[4859],"tags":[7971,7970,7967,7968,7969,4860],"class_list":["post-6523","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-gambar","tag-gambar-wordpress","tag-mengkompres-gambar","tag-optimasi-gambar","tag-optimasi-seo-gambar","tag-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/optimize-images-wordpress","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/optimiser-images-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/como-optimizar-imagenes-wordpress","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-optimasi-gambar-untuk-website-wordpress","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/optimize-images-wordpress","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-optimize-images-for-wordpress","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-optimize-images-for-wordpress","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/guia-completa-robots-txt-wordpress-2","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/como-optimizar-imagenes-wordpress\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/como-optimizar-imagenes-wordpress\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/optimize-images-wordpress","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/optimize-images-wordpress","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/optimize-images-wordpress","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/optimize-images-wordpress","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/6523","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/users\/190"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/comments?post=6523"}],"version-history":[{"count":15,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/6523\/revisions"}],"predecessor-version":[{"id":47242,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/6523\/revisions\/47242"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media\/32468"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media?parent=6523"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/categories?post=6523"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/tags?post=6523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}