Plugin optimasi gambar WordPress: ShortPixel, Imagify, dan EWWW

Bandingkan ShortPixel dan Imagify jika Anda menginginkan pemrosesan di cloud untuk unggahan baru dan pustaka WordPress yang sudah ada; sertakan EWWW Image Optimizer jika pemrosesan lokal juga penting. Selain persentase kompresi, periksa pemulihan berkas asli, perhitungan biaya thumbnail, serta cara format yang telah dioptimalkan benar-benar dikirim ke browser pengunjung.

Kompresi, perubahan dimensi, dan konversi memiliki tugas berbeda

Optimasi gambar mengurangi data yang ditransfer sambil mempertahankan kualitas yang dibutuhkan di layar. Jika foto selebar 6.000 piksel ditampilkan dalam kolom artikel yang kecil, tentukan dahulu dimensi yang diperlukan. Kompresi saja dapat menyisakan terlalu banyak piksel. Namun, layar berkepadatan tinggi atau fitur perbesaran tetap dapat membutuhkan gambar yang lebih lebar daripada ukuran tampilannya.

• Perubahan dimensi mengurangi ukuran dalam piksel. Memperbesar kembali hasilnya tidak dapat mengembalikan detail yang telah dibuang.
• Kompresi mengurangi ukuran berkas dalam suatu format. Kompresi tanpa kehilangan data atau lossless mempertahankan informasi piksel; kompresi lossy membuang sebagian informasi untuk menghemat lebih banyak ruang. Teks kecil dan tekstur produk dapat terpengaruh.
• Konversi membuat format lain, misalnya WebP atau AVIF, dari JPEG atau PNG. Membuat berkas hasil konversi dan mengirimkannya ke browser merupakan dua tugas berbeda.

Jika Anda sudah mengunggah gambar WebP dengan dimensi yang sesuai, pengoptimal tambahan mungkin hanya memberi sedikit manfaat. Panduan konversi gambar ke WebP menjelaskan persiapan sebelum mengunggah. Plugin galeri mengatur penyajian, sedangkan pengoptimal mengubah atau mengirim berkas gambar. Keduanya memiliki tujuan berbeda.

Bandingkan lokasi pemrosesan dan satuan biaya

ShortPixel: hitung berkas yang diproses, bukan hanya foto unggahan

ShortPixel Image Optimizer memampatkan gambar di cloud, lalu mengganti berkas di situs dengan versi yang telah dioptimalkan. Anda juga dapat menilai pilihan pembuatan dan pengiriman WebP/AVIF. ShortPixel Adaptive Images adalah produk berbeda yang berfokus pada pengiriman; jangan mencampur perilaku atau perhitungan biayanya dengan Image Optimizer.

Pada paket berbasis kredit, thumbnail WordPress dapat memakai kredit tersendiri. Contoh resminya dimulai dengan satu gambar dan delapan thumbnail: memampatkan sembilan berkas tersebut serta membuat sembilan versi WebP memerlukan 18 kredit. Ada pengecualian ketika kompresi tidak dapat menghemat setidaknya 5%; lihat panduan perhitungan kredit ShortPixel. Bandingkan langganan berkala, pemrosesan sekali bayar, dan cakupan paket tanpa batas secara terpisah.

Imagify: perkirakan volume masukan dan optimasi ulang

Imagify dapat mengoptimalkan unggahan secara otomatis, memproses media yang sudah ada, serta mengelola pembuatan dan tampilan WebP atau AVIF. Nilai apakah alur otomatisnya sesuai dengan rutinitas Anda, sekaligus periksa kualitas foto dan tangkapan layar yang memuat banyak teks.

Pemakaian jatah tidak sekadar mengikuti ukuran keluaran yang lebih kecil. Menurut dokumentasi kuota Imagify, ukuran berkas masukan dan thumbnail yang dipilih ikut dihitung. Mengubah kompresi lalu mengoptimalkan kembali dapat memakai jatah tambahan; memulihkan gambar asli tidak mengembalikan kuota yang telah dipakai. Periksa sampel kecil sebelum memproses seluruh pustaka.

EWWW: bedakan fungsi lokal gratis dan layanan berbayar

EWWW Image Optimizer menyediakan optimasi dengan alat di server Anda serta layanan cloud. Pemrosesan lokal dapat mengurangi transfer gambar ke pihak luar, tetapi memakai sumber daya server dan membutuhkan hosting yang kompatibel. Memilih opsi lokal tidak berarti semua kemampuan yang diaktifkan selalu diproses di server sendiri.

Jika hosting tidak memungkinkan pemrosesan lokal, alternatif cloud gratis mencakup kompresi JPEG lossless dan konversi WebP. Format lain, tingkat kompresi lebih kuat, dan layanan pengiriman dapat memiliki persyaratan berbeda. Periksa persyaratan server serta dokumentasi tingkat kompresi untuk mode yang benar-benar dipilih. Membuat berkas WebP berbeda dari mengoptimalkan lebih lanjut berkas WebP yang sudah ada.

Cara memilih sesuai kondisi situs

Untuk blog kecil, bandingkan dahulu jatah gratis dan kemudahan pemulihan. Menyiapkan dimensi dan format sebelum mengunggah dapat menghilangkan kebutuhan akan plugin tambahan. Untuk arsip besar, hitung biaya pemrosesan awal pustaka secara terpisah dari unggahan bulanan berikutnya.

Hitung ukuran thumbnail yang dibuat oleh tema dan plugin toko, bukan hanya jumlah item di Pustaka Media. Sebelum mengecualikan atau menghapus ukuran yang belum Anda kenal, periksa penggunaannya pada artikel, kartu arsip, dan halaman produk. Mengurangi cakupan tanpa pemeriksaan itu dapat membuat gambar penting tidak diproses atau memengaruhi tata letak saat ini.

Jika transfer ke pihak luar dibatasi, lokasi pemrosesan harus diperiksa sebelum harga. Pemrosesan cloud tetap membutuhkan komunikasi dengan layanan dan ruang penyimpanan cadangan; pemrosesan lokal gratis membutuhkan kapasitas server serta hosting yang mendukung. Tetapkan satu alat untuk setiap tugas optimasi, alih-alih mengaktifkan kompresi dan konversi yang setara di beberapa plugin sekaligus.

Uji sampel sebelum memproses seluruh pustaka

Siapkan cadangan berkas media dan basis data yang dapat dipulihkan, lalu periksa pula pengaturan pencadangan berkas asli di plugin. Panduan mencari plugin WordPress menjelaskan pemasangannya. Jangan langsung mengaktifkan pemrosesan unggahan otomatis atau pekerjaan seluruh pustaka sebelum pemeriksaan berikut selesai.

1. Pilih beberapa jenis gambar. Sertakan foto lanskap, tangkapan layar dengan teks kecil, dan gambar transparan jika situs menggunakannya. Catat dimensi piksel serta ukuran berkas asli.
2. Ubah satu pengaturan setiap kali. Aktifkan pencadangan gambar asli, lalu tentukan tingkat kompresi, dimensi maksimum, dan format keluaran. Pisahkan perubahan agar penyebab perbedaan hasil dapat dikenali.
3. Proses hanya sampel dan periksa kualitas. Bandingkan tekstur, warna, teks, dan tepi transparansi pada ukuran artikel maupun saat diperbesar. Jika penurunan kualitas tidak dapat diterima, pulihkan gambar asli dan coba pengaturan yang lebih konservatif.
4. Periksa berkas yang dikirim dalam artikel nyata. Ikuti pemeriksaan browser di bawah pada desktop dan perangkat seluler. Pastikan situs tidak terus mengirim berkas lama setelah versi pengganti dibuat.
5. Uji pemulihan satu gambar sebelum memperluas pekerjaan. Pastikan berkas asli benar-benar kembali, lalu pilih cakupan pemrosesan massal. Pantau kesalahan, sisa jatah, serta beban server selama proses berlangsung.

Catat dimensi dan ukuran berkas masukan/keluaran, metode kompresi, masalah kualitas, serta format yang dikirim secara bersamaan. Berkas yang mengecil dan teks yang baru menjadi kabur sama-sama merupakan temuan penting. Anda tidak perlu menjanjikan persentase penghematan atau peningkatan kecepatan tertentu sebelum melihat hasilnya.

Mengapa WebP yang sudah dibuat belum tentu diterima pengunjung?

Pembuatan berkas dan pengaturan pengiriman dapat terpisah. Misalnya, dokumentasi pengiriman WebP EWWW membedakan aturan server yang mengubah respons dari metode yang mengubah HTML halaman. Jaringan distribusi konten atau content delivery network (CDN), cache, dan gambar latar tema juga dapat memengaruhi hasil. Status “sudah dibuat” bukan akhir pemeriksaan.

Di alat pengembang browser, buka Network, saring permintaan gambar, lalu muat ulang halaman. Periksa alamat yang diminta, Content-Type respons, dan ukuran yang ditransfer. Server dapat mengirim format lain melalui URL yang sama, sehingga akhiran .jpg saja tidak membuktikan kegagalan. Di Elements, bandingkan sumber srcset atau picture yang dipilih dengan permintaan aktual. Gambar responsif yang lebih kecil pada perangkat seluler dapat menjadi hasil yang tepat.

Jika hasil lama tetap muncul, bersihkan cache halaman dan CDN lalu periksa kembali. Jika gambar rusak, batalkan dahulu opsi pengiriman yang baru diaktifkan dan pastikan tampilan asli kembali. Terapkan satu metode terdokumentasi yang kompatibel setiap kali, bukan beberapa aturan server sekaligus. Tangani masalah performa halaman lainnya secara terpisah; panduan Core Web Vitals menjelaskan pengukuran yang lebih luas.

Memulihkan gambar ketika kualitas menurun

Hentikan dahulu pemrosesan otomatis berikutnya dan optimasi berulang. Jika pencadangan asli telah diaktifkan, ShortPixel menyediakan “Restore backup” pada menu gambar di tampilan daftar Pustaka Media; Imagify menyediakan “Restore Original” di kolomnya. Jika tindakan itu tidak tersedia, periksa apakah cadangan gambar tersebut masih ada. Syaratnya dijelaskan dalam petunjuk pemulihan ShortPixel dan petunjuk pemulihan Imagify.

Menonaktifkan plugin saja tidak mengembalikan berkas yang telah diubahnya. Tanpa gambar asli, informasi yang hilang karena kompresi lossy tidak dapat direkonstruksi; gunakan cadangan media atau situs yang terpisah. Setelah pemulihan, periksa apakah salinan hasil konversi atau cache masih menampilkan hasil sebelumnya. Perbandingan plugin cadangan WordPress membahas pilihan pemulihan.