5 Plugin Pengoptimal Gambar Terbaik untuk WordPress

Diterbitkan: 2022-09-14

Apakah Anda mencari plugin pengoptimal gambar teratas untuk WordPress? Tidak terlihat lagi. Kami telah membandingkan alat terbaik yang tersedia di pasar.

Gambar yang tidak dioptimalkan seringkali bertanggung jawab untuk memperlambat situs web. Jika Anda menjalankan audit kinerja melalui Lighthouse, Anda mungkin mendapatkan salah satu dari masalah terkait gambar berikut:

Rekomendasi Google untuk mengoptimalkan gambar untuk situs web Anda - Sumber: PageSpeed ​​Insights
Rekomendasi Google untuk mengoptimalkan gambar untuk situs web Anda – Sumber: PageSpeed ​​Insights

Jika demikian, Anda mungkin memerlukan plugin pengoptimal gambar!

Kami telah mencantumkan fitur yang harus dimiliki dan menjalankan uji kinerja komparatif untuk membantu Anda memilih plugin pengoptimal gambar terbaik untuk proyek Anda berikutnya.

Mari selami!

Apa Arti Optimalisasi Gambar terhadap Performa

Mengoptimalkan gambar untuk kinerja berarti memberikan gambar berkualitas tinggi dalam dimensi, format, dan resolusi yang tepat sambil menjaga ukuran file sekecil mungkin. Anda dapat mengoptimalkan gambar berkat beberapa mekanisme seperti kompresi, pengubahan ukuran, caching, konversi ke format generasi berikutnya, atau bahkan pemuatan lambat.

Berikut adalah contoh gambar terkompresi. Sementara ukurannya lebih kecil, kualitasnya terlihat sama di mata manusia. Itu karena saat mengoptimalkan gambar, Anda mengurangi ukurannya tanpa mengurangi kualitasnya.

JPG asli JPEG terkompresi
813 KB 309 KB Dampak pada kualitas: Tidak ada

Gambar yang tidak dioptimalkan membuat situs Anda lebih lambat dan memengaruhi metrik kinerja utama, seperti Data Web Inti Anda. Ketika sebuah gambar adalah elemen Cat Berkonten Terbesar, pengoptimalan gambar tersebut secara efisien sangat penting untuk mempertahankan skor LCP yang baik. Cat Contentful Terbesar mengukur kecepatan yang dirasakan dari seluruh situs web, dan saya kira Anda ingin membuat kesan yang baik pada pengunjung Anda. Selalu pilih plugin WordPress pengoptimal gambar untuk membantu Anda dalam perjalanan pengoptimalan Anda.

Cara Memilih Plugin Pengoptimal Gambar yang Tepat

Kami telah menyusun daftar periksa pengoptimalan gambar Anda dapat mengikuti semua gambar situs WordPress Anda.

14 Fitur Yang Harus Dimiliki Untuk Plugin Pengoptimal Gambar

Mari kita lihat lebih dalam fitur yang harus dimiliki untuk dicari saat memilih plugin pengoptimal gambar.

  1. Mendukung format file gambar paling populer: gambar PNG, JPEG, GIF, atau WebP.
  2. Dapat mengonversi gambar Anda ke WebP. Format generasi berikutnya yang dikembangkan oleh Google ini dapat mengurangi ukuran file gambar hingga 35% lebih kecil dari gambar JPEG dan PNG tanpa memengaruhi kualitasnya.
  3. Menerapkan Pemuatan lambat pada gambar dan video Anda untuk memastikan bahwa hanya konten paruh atas yang dimuat terlebih dahulu.
  4. Memiliki proses kompresi cerdas yang menandai gambar yang menjadi terlalu kabur setelah pengoptimalan.
  5. Memungkinkan Anda mengoptimalkan gambar secara efisien seperti yang direkomendasikan oleh Lighthouse sehingga Anda dapat melihat hasil pada kecepatan halaman dan kinerja secara keseluruhan.
  6. Menawarkan beberapa tingkat kompresi – untuk membantu Anda mencapai keseimbangan sempurna antara ukuran dan kualitas file. Bagaimana cara memeriksa tingkat kompresi dalam sebuah plugin? Mereka harus memiliki fitur "lossy atau lossless".
  7. Mempertahankan kualitas gambar – kompresi tidak boleh berarti gambar buram! Pilih plugin yang menyeimbangkan kualitas dan kinerja: kompresi otomatis, intuitif, dan cerdas.
  8. Mengubah ukuran gambar Anda saat itu juga: pastikan Anda dapat membatasi tinggi dan lebar tertentu, atau setidaknya persentase saat mengunggahnya ke perpustakaan WordPress.
  9. Menawarkan pengoptimalan Massal untuk mengompresi banyak gambar: jika Anda memiliki situs e-niaga dengan ribuan gambar, akan merepotkan untuk mengompres semua gambar itu dengan tangan. Verifikasi bahwa plugin memungkinkan Anda mengompres banyak gambar sekaligus.
  10. Mengoptimalkan gambar di servernya: pilih plugin yang menggunakan servernya, bukan milik Anda. Ini akan menghemat bandwidth dan penyimpanan Anda.
  11. Memiliki antarmuka yang intuitif dan cepat: Anda menginginkan plugin yang mudah digunakan yang menyediakan opsi pengoptimalan yang jelas dan melakukan seluruh proses dalam waktu singkat.
  12. Menghapus metadata yang tidak perlu – misalnya, data Exif yang mungkin ada.
  13. Menyimpan cadangan gambar asli Anda -Pastikan bahwa gambar terkompresi (dan asli) Anda tidak dihapus setelah penonaktifan plugin.
  14. Kompatibel dengan CDN mana pun dan Anda dapat mendistribusikan gambar Anda lebih cepat ke pengguna di seluruh dunia.

Sekarang setelah Anda mengetahui fitur terbaik yang harus dimiliki plugin pengoptimal gambar, mari kita lihat plugin terbaik yang tersedia di pasar.

5 Plugin Pengoptimal Gambar Teratas

Lima plugin pengoptimal gambar terbaik yang akan kami bandingkan dan uji adalah:

  1. Bayangkan
  2. Optimol
  3. Pengoptimal Gambar ShortPixel
  4. Pengoptimal Gambar EWWW
  5. Kompres gambar JPEG & PNG dengan TinyPNG

Tentang apa perbandingannya?

Kami akan mengoptimalkan gambar JPG setiap plugin di bawah (502 KB) dan memeriksa berapa banyak KB yang kami simpan. Pada akhirnya, akan ada tabel yang merangkum semua data.

Gambar JPG yang tidak dioptimalkan – Sumber: Perpustakaan WordPress

1. Bayangkan: Plugin Pengoptimal Gambar yang Cerdas dan Intuitif

Dengan lebih dari 600.000 instalasi aktif, ini adalah salah satu plugin pengoptimalan gambar paling populer di pasaran!

Fitur Utama:

  • Apa yang membuat Imagify menonjol dari plugin pengoptimal gambar lainnya, ini adalah fitur Kompresi Cerdas yang baru! Ini mengoptimalkan gambar Anda sebaik mungkin, jadi Anda tidak perlu khawatir tentang tingkat kompresi mana yang tepat untuk kebutuhan Anda.
Proses Kompresi Cerdas Baru – Sumber: Imagify
  • Menawarkan konversi WebP:
Fitur konversi WebP – Sumber: Imagify

Dari perpustakaan WordPress, Anda dapat melihat bahwa WebP dibuat secara otomatis:

Pustaka WordPress dan pembuatan WebP – Sumber: Imagify
  • Antarmuka yang intuitif dan langsung: pengaturannya mudah, dan ada satu tombol terakhir untuk diklik, dan pekerjaan selesai!
  • Mendukung banyak format gambar seperti PNG, JPG, GIF, PDF, dan WebP.
  • Pengoptimalan dan pengubahan ukuran dilakukan secara otomatis pada unggahan atau gambar yang sudah ada yang Anda pilih.
  • Pertahankan kualitas gambar berkat Smart Compression.
  • Pengoptimalan Tunggal dan Massal tersedia untuk mengompresi beberapa gambar sekaligus atau memilih secara manual gambar mana yang membutuhkan pengoptimalan dalam prioritas.
  • Kemungkinan untuk memilih ukuran thumbnail mana yang akan dioptimalkan .
  • Cadangkan gambar asli jika diperlukan (file asli Anda tidak dihapus).
  • Pengoptimalan dilakukan menggunakan server Imagify , bukan milik Anda.
  • Aplikasi Web tersedia jika Anda bukan pengguna WordPress (akun gratis memiliki batas unggah ukuran file 2MB.)

Harga:

Gratis untuk data senilai 20MB per bulan, paket mulai dari $4,99/bln untuk 500MB atau $9,99/bln untuk pengoptimalan tak terbatas. Cek harga lengkapnya di sini.

Hasil Performa Imagify:

Imagify membantu mengurangi ukuran file gambar saya sebesar 87,73%. Itu berubah dari 502 KB menjadi 53,70 KB tanpa mengurangi kualitas.

Tingkat Cerdas menghemat hampir 90% dari KB - Sumber: Imagify
Tingkat Cerdas menghemat hampir 90% dari KB – Sumber: Imagify

2. Optimole: Pemuatan lambat dan distribusi CDN

Optimole hadir dengan otomatisasi penuh dan berbagai fitur pengoptimalan dengan sistem berbasis cloud. Ini memberikan gambar dalam ukuran yang lebih kecil, tanpa mengorbankan kualitas, pada setiap jenis perangkat.

Fitur Utama:

  • Antarmuka minimalis dan jelas dengan dua tab: dasbor dan pengaturan.
Tab dasbor WordPress – Sumber: Optimol
  • Pengaturan reguler dan pengaturan lanjutan:
Tab pengaturan WordPress – Sumber: Optimole
  • Konversi WebP dan AVIF : secara default, Optimole menyajikan gambar dalam format WebP untuk setiap pengunjung yang mendukung format ini.
  • Lazy-loading: Optimole menerapkan lazy-loading menggunakan atribut <link rel=”preload”> pada gambar pilihan Anda.  
  • Kompresi pembelajaran mesin : algoritme memberikan pengoptimalan lossy atau lossless untuk gambar dengan tampilan terbaik pada ukuran terkecil
  • Pengaturan responsif: memungkinkan Anda memilih ukuran gambar yang tepat untuk browser dan area pandang pengunjung.
  • Dukungan Cloud Library: bongkar gambar situs web Anda langsung ke Optimole Cloud (yang berarti Anda menghemat ruang penyimpanan di server Anda)
  • Tanda Air: Optimole menerapkan tanda air pada semua gambar Anda jika itu adalah sesuatu yang Anda butuhkan untuk bisnis Anda.
  • Distribusi CDN: menyajikan gambar dari CDN global secara gratis

Harga:

Dengan paket dasar, Anda akan dapat mengoptimalkan jumlah gambar yang tidak diukur hingga 5 ribu kunjungan bulanan, kemudian Anda perlu memutakhirkan sesuai dengan paket harga berikut:

Dengan paket dasar, Anda akan dapat mengoptimalkan jumlah gambar yang tidak diukur hingga 5 ribu kunjungan bulanan, kemudian Anda perlu memutakhirkan sesuai dengan paket harga berikut:

Hasil Performa Optimole:

Optimole menurunkan ukuran file gambar saya sebesar 67%. Dari 502 KB menjadi 164 KB. Anda tidak dapat melihat pengoptimalan di perpustakaan WordPress karena dibuat di cloud: Optimole langsung menyajikan gambar yang dioptimalkan kepada pengunjung di bagian depan.

Memeriksa ukuran gambar baru dengan Optimole (164KB) - Sumber: Alat Google Chrome
Memeriksa ukuran gambar baru dengan Optimole (164KB) – Sumber: Google Chrome Tools

3. ShortPixel – Antarmuka yang Ramping

ShortPixel adalah plugin pengoptimalan gambar yang mudah digunakan yang dapat memampatkan semua gambar dan dokumen PDF Anda dengan satu klik.

Fitur utama:

  • Antarmuka sederhana yang menawarkan tombol cepat untuk menentukan jenis kompresi, mencadangkan, dan mengubah ukuran gambar besar.
Pengaturan umum – Sumber: Dashboard WordPress Shortpixel

Tab "lanjutan" menyediakan semua pengaturan generasi berikutnya yang Anda perlukan untuk mengonversi gambar ke WebP atau AVIF.

Pengaturan lanjutan – Sumber: Dashboard WordPress Shortpixel
  • Kompresi massal dengan wizard yang sangat berguna dalam 4 langkah. 'Bulk' mengoptimalkan semua gambar yang ada di Perpustakaan Media dan di plugin pihak ketiga seperti Galeri NextGen.
  • Mendukung semua jenis gambar (PNG, JPEG, dll.).
  • Opsi untuk menonaktifkan pengoptimalan otomatis gambar saat diunggah.
  • Tidak ada kredit yang digunakan untuk gambar yang dioptimalkan kurang dari 5%.
  • Opsi untuk memperkecil gambar , dengan 2 opsi berbeda, yang berguna untuk gambar besar.
  • Integrasi Cloudflare untuk mendistribusikan gambar lebih cepat ke seluruh dunia (Anda harus memiliki CDN Anda).

Harga:
ShortPixel menyediakan 100 kredit gambar gratis setiap bulan. Paket bulanan atau kredit tunai tersedia sesuai dengan yang paling cocok untuk Anda. Paket pertama mulai dari $ 3,99 untuk 7.000 kredit gambar.

Hasil Performa ShortPixel:

Shortpixel mengurangi ukuran file gambar saya sebesar 66,95% dan mengubahnya menjadi WebP. Dari 502 KB menjadi 165 KB.

Penghematan 66,95% dengan ShortPixel - Sumber: Perpustakaan Media WordPress ShortPixel
Penghematan 66,95% dengan ShortPixel – Sumber: Perpustakaan Media WordPress ShortPixel

4. EWWW – Pengoptimal Gambar WordPress Gratis dan Tanpa Batas Ukuran File

Dengan EWWW IO, Anda dapat mengoptimalkan semua gambar yang ada dari plugin apa pun! EWWW IO menangani upload gambar baru secara otomatis. Anda tidak perlu melakukan hal lain.

Fitur utama:

  • Wizard intuitif yang membantu Anda menyiapkan plugin dan memilih opsi pengoptimalan yang Anda perlukan untuk situs web Anda:
Wizard EWWW - Sumber: Dasbor WordPress EWWW
Wizard EWWW – Sumber: Dasbor WordPress EWWW
  • Mengonversi gambar ke WebP .
  • Tanpa Batas Kecepatan dan ukuran file tidak terbatas.
  • Terapkan pemuatan lambat untuk meningkatkan kinerja situs Anda dan memuat gambar paruh atas sebagai prioritas.
  • Mengubah ukuran otomatis saat mengunggah untuk menghindari gambar besar diunggah ke perpustakaan WordPress.
  • Tambahkan dimensi yang hilang (lebar/tinggi).
  • Opsi responsif: mendeteksi ukuran gambar yang benar dalam markup responsif (srcset).
Opsi Dasar EWWW - Sumber: Dasbor WordPress EWWW
Opsi Dasar EWWW – Sumber: Dasbor WordPress EWWW

Harga:

Plugin inti gratis dan menawarkan tingkat kompresi yang sangat baik. Namun, dalam layanan berbayar, kompresi menjadi lebih baik. Harga mulai dari $7/bulan untuk satu situs.

Hasil kinerja EWWW:

Gambar saya berubah dari 502 KB menjadi 156,9 KB, yang berarti penghematan 69%.

Gambar lebih ringan dengan EWWW - Sumber: Perpustakaan WordPress
Gambar lebih ringan dengan EWWW – Sumber: Perpustakaan WordPress

5. TinyPNG – Optimasi dan Antarmuka Dasar

Plugin ini secara otomatis mengoptimalkan gambar dengan mengintegrasikan dengan dua layanan kompresi gambar populer TinyJPG dan TinyPNG.

Fitur utama:

  • Antarmuka dasar dengan pengaturan penting – tidak banyak pilihan tetapi plugin tetap berpegang pada dasar-dasar dan melakukan pekerjaan dengan halaman pengaturan yang bersih. Saya hanya butuh beberapa detik untuk mengaktifkan pengaturan pilihan saya dan menjalankan proses pengoptimalan otomatis:
Halaman opsi dasar - Sumber: Dasbor TinyPNG
Halaman opsi dasar – Sumber: Dasbor TinyPNG
  • Kompresi untuk gambar baru di latar belakang dan/atau selama unggahan.
  • Putuskan apakah Anda ingin memilih gambar di perpustakaan WordPress secara manual.
  • Pengoptimalan massal yang mudah dari perpustakaan media Anda yang ada.
  • optimasi WebP .
  • Pilih ukuran gambar yang ingin Anda kompres.
  • Tetapkan lebar dan tinggi maksimum untuk setiap gambar yang diunggah.

Harga:

Dengan instalasi WordPress standar, Anda dapat melakukan sekitar 500 kompresi setiap bulan secara gratis. Anda harus meningkatkan versi jika perlu mengoptimalkan lebih banyak gambar.

Hasil kinerja TinyPNG:

Ukuran file gambar saya berubah dari 502 KB menjadi 160 KB, yang berarti penghematan total 61%.

Hasil kinerja TinyPNG – Sumber: Perpustakaan WordPress

Pengambilan Akhir pada Pengujian

Bayangkan prospek dengan penghematan 87,73% dari gambar aslinya . Mengenai empat plugin pengoptimal lainnya, persaingannya ketat! Rata-rata, plugin pengoptimal lainnya memberikan penghematan serupa (sekitar 65%).

PLUGIN PENGOPTIMAL UKURAN ASLI UKURAN FILE SETELAH OPTIMASI PERSENTASE OPTIMASI JENIS KOMPRESI
Bayangkan 502 KB 53,70 KB 87,73 % Pintar (Lossy)
Optimol 502 KB 164 KB 67% Lossy
Piksel Pendek 502 KB 165 KB 66,95% Lossy
Pengoptimal gambar EWWW 502 KB 156,9 KB 69% Lossy
Kompres gambar JPEG & PNG dengan TinyPNG 502 KB 160.2 KB 61% Lossy

Dampak Immagify pada Performa

Bayangkan meningkatkan kecepatan situs web Anda secara harfiah dalam beberapa klik. Berkat Kompresi Cerdas yang baru, ini adalah salah satu plugin kompresi gambar terbaik yang mengurangi ukuran file gambar Anda tanpa mengurangi kualitas. Dalam audit kami sebelumnya, Imagify mengurangi ukuran file kami sebesar 87,73%!

Saya menjalankan studi kasus yang menunjukkan bagaimana pengoptimalan gambar meningkatkan kinerja dan meningkatkan audit Lighthouse. Saya membuat halaman web dengan gambar JPG yang tidak dioptimalkan dan membandingkan hasil saya sebelum dan sesudah menjalankan Imagify.

Situs uji dengan gambar besar yang tidak dioptimalkan

Mari ungkapkan hasilnya di ponsel!

Memo yang harus dibaca sebelum kita memulai uji kinerja: Dalam hal pengoptimalan gambar, ada empat KPI utama yang harus dipantau dari Lighthouse:

– Mengkodekan gambar secara efisien (kompres, dan optimalkan dengan benar untuk web)
– Sajikan gambar dalam format generasi berikutnya (seperti AVIf atau WebP)
– Mengkodekan gambar secara efisien (membuat gambar Anda siap untuk web (dengan kompresi dan pengoptimalan)
– Ukuran gambar dengan benar (optimalkan gambar untuk seluler dan desktop).

No Imagify – Laporan kinerja dan sorotan:

Tanpa Imagify, Lighthouse menandai semua gambar saya sebagai tidak dioptimalkan dengan beberapa area peningkatan:

Bagian Peluang/Diagnostik tanpa Imagify - Sumber: PageSpeed ​​Insights
Bagian Peluang/Diagnostik tanpa Imagify – Sumber: PageSpeed ​​Insights

Performanya sendiri juga tidak begitu bagus. Saya mendapatkan 74/100, sebagian besar disebabkan oleh kurangnya pengoptimalan gambar. Metrik Cat Contentful Terbesar berwarna merah dengan skor 7,5 detik, dan Cat Contentful Pertama berwarna oranye.

Metrik kinerja tanpa Imagify - Sumber: PageSpeed ​​Insights
Metrik kinerja tanpa Imagify – Sumber: PageSpeed ​​Insights

Dengan Imagify – Laporan kinerja dan sorotan:

  • Skor kinerja naik dari 74/100 menjadi hampir 90/100!
Metrik kinerja yang ditingkatkan dengan tingkat Kompresi Cerdas dari Imagify - Sumber: PageSpeed ​​Insights
Metrik kinerja yang ditingkatkan dengan tingkat Kompresi Cerdas dari Imagify – Sumber: PageSpeed ​​Insights
  • FCP saya sekarang di hijau, dan LCP saya tepat di tepi antara oranye dan hijau.
  • Imagify juga memperbaiki beberapa peringatan PSI seperti "Sajikan gambar dalam format generasi berikutnya- WebP", "Ukuran gambar dengan benar" dan "Encode gambar secara efisien".
  • Semua gambar saya sekarang dioptimalkan!
Audit lulus dengan Imagify - Sumber: PageSpeed ​​Insights
Audit lulus dengan Imagify – Sumber: PageSpeed ​​Insights
Pro-tip : Imagify tidak dapat mengatasi semua masalah kinerja yang ditandai oleh PSI. Anda mungkin juga memerlukan WP Rocket, salah satu plugin caching terbaik, yang dapat membantu Anda – antara lain – menunda dan menghapus JS atau CSS yang tidak digunakan.

Membungkus

Menurut audit perbandingan kinerja kami, Imagify adalah plugin pengoptimal situs WordPress Anda yang paling cerdas dan paling intuitif. Gambar JPEG kami berubah dari 502 KB menjadi 53KB (yang hampir menghemat 80%).

Berkat level Kompresi Cerdas yang baru, Imagify juga membantu memperbaiki sebagian besar masalah terkait gambar yang ditandai oleh Lighthouse selama pengujian kinerja kami:

Bagian Peluang/Peringatan – No Imagify Bagian Audit yang Lulus – Dengan Imagify

Plugin pengoptimal gambar Imagify mengurangi ukuran file gambar tanpa kehilangan kualitas, membuat situs web Anda memuat lebih cepat, meningkatkan peringkat SEO Anda, dan membuat Anda menghemat bandwidth. Mengapa Anda tidak mencoba Imagify? Gratis hingga 200 MB gambar per bulan, dan satu-satunya risiko yang Anda ambil adalah menyenangkan pengunjung Anda dengan menyajikan gambar lebih cepat kepada mereka!