Optimalkan Gambar 300% di WordPress dengan 18 Alat dan Plugin Gratis Ini

chathuporn / stock.adobe.com

Gambar adalah bagian penting dari desain web modern. Dengan sendirinya, mereka dapat mengubah desain yang biasa-biasa saja dan tampak biasa menjadi situs web yang sangat menarik. Ketika dipasangkan dengan teks, mereka dapat mendukung dan bahkan memperkuat pesan Anda, meningkatkan pemahaman pengunjung serta membuat penawaran Anda menjadi lebih menarik.

Namun menggunakan gambar di WordPress ada harganya. Menurut data yang disajikan oleh The Fiscal Times:

“Rata-rata situs web saat ini berukuran 2,1 MB, dibandingkan dengan 1,5 MB pada dua tahun lalu.”

Meskipun Anda mungkin berpikir hal ini disebabkan oleh penggunaan tema, plugin, dan skrip yang memuat banyak konten, gambar sebenarnya adalah penyebab terbesar dalam hal menyedot bandwidth dan ruang dari server. Secara khusus, The Fiscal Times melaporkan bahwa gambar, rata-rata, mencakup 1.312 dari total 2.087 KB di situs web.

Jadi apa yang kamu lakukan? Apakah Anda berharap bahwa segala kompromi dalam kinerja dapat diatasi dengan betapa terkesannya pengunjung terhadap betapa bagusnya tampilan gambar Anda? Anda dapat mengharapkan hal tersebut, meskipun kemungkinan besar hasilnya tidak terlalu besar. Jika Anda ingin menikmati kue dan memakannya juga, maka Anda perlu mempelajari cara mengoptimalkan gambar untuk WordPress tanpa kehilangan kualitas.

Panduan pengoptimalan gambar ini akan mencakup hal-hal berikut:

• Mengapa Anda Harus Mengoptimalkan Gambar untuk WordPress
• Cara Mengoptimalkan Gambar Tanpa Kehilangan Kualitas Sebelum Anda Mengunggahnya ke WordPress
• Alat Pengoptimal Gambar Online Gratis Terbaik
• Plugin Pengoptimal Gambar Gratis Terbaik untuk WordPress

Mengapa Anda Harus Mengoptimalkan Gambar untuk WordPress

Bukan rahasia lagi bahwa situs web WordPress dapat mengalami waktu pemuatan yang lambat. Namun yang rumit adalah ada sejumlah alasan mengapa situs Anda lambat merespons.

Mungkin Anda tidak menggunakan tema WordPress yang cepat.

Mungkin lalu lintas global situs Anda terlalu jauh dan server Anda tidak dapat dengan cepat memasukkan gambar ke browser mereka tanpa bantuan CDN.

Mungkin situs Anda tidak cukup aman dan dipenuhi malware.

Mungkin optimasi kecepatan seperti minifikasi JavaScript dan CSS belum dilakukan.

Sebenarnya, ada sejumlah alasan mengapa situs Anda dan browser pengunjung tidak berkomunikasi satu sama lain secepat yang Anda inginkan. Apa pun yang mengganggu situs Anda dengan waktu respons yang lambat, Anda tahu bahwa pemuatan gambar dapat dipercepat melalui pengoptimalan server. Dan ketika Anda berhasil mencapai hal ini, Anda tahu bahwa Anda akan merasakan beberapa manfaat besar. Contohnya:

• Halaman web Anda (bukan hanya gambar) akan dimuat lebih cepat.
• Konten Anda akan lebih menarik karena Anda dapat menggunakan citra berkualitas tinggi dan beresolusi tinggi untuk membantu menceritakan kisah situs Anda.
• Saat kinerja dan estetika situs Anda meningkat, kemungkinan besar Anda akan melihat rasio pentalan menurun.
• Pada gilirannya, hal ini akan berdampak baik pada situs WordPress Anda ketika dirayapi oleh mesin pencari, sehingga menghasilkan peningkatan peringkat pencarian.
• Dengan kecepatan situs dan server Anda yang dioptimalkan dengan benar, ini juga berarti ada lebih banyak ruang untuk bermain di server Anda.
• Mencadangkan situs Anda secara teratur juga tidak akan terlalu merepotkan, karena tidak akan memakan waktu lama.
• Anda juga dapat menghemat sedikit uang jika Anda membayar bandwidth dan penyimpanan tambahan untuk mengakomodasi beban server tambahan.

Tapi bagaimana dengan gambar itu sendiri? Ya, kami tahu bahwa dengan mengoptimalkan kecepatan server, gambar dapat dimuat lebih cepat. Adakah yang dapat Anda lakukan pada gambar sebenarnya yang akan membuatnya lebih mudah digunakan begitu berada di WordPress?

Jawabannya tentu saja adalah “ya”.

Cara Mengoptimalkan Gambar Tanpa Kehilangan Kualitas Sebelum Anda Mengunggahnya ke WordPress

Codex WordPress menyertakan panduan singkat tentang cara menentukan ukuran dan kualitas gambar yang tepat untuk situs web Anda. Pada dasarnya, dikatakan bahwa Anda perlu memperhatikan empat faktor kualifikasi:

1. Ukuran fisik : Ini adalah bagaimana gambar menampilkan dirinya (dimensi) di situs web.
2. Ukuran file : Ini adalah jumlah byte data yang digunakan file dalam keadaan aslinya.
3. Resolusi : Ini berkaitan dengan jumlah piksel yang ada dalam suatu gambar. Semakin tinggi resolusinya, semakin jelas gambarnya.
4. Jenis file : Ini mengacu pada format penyimpanan file Anda. Saat kita berbicara tentang gambar, biasanya yang kita maksud adalah PNG, JPG, SVG, dan GIF.

Berikut rincian aturan yang harus Anda ikuti saat mengoptimalkan gambar sebelum diunggah.

Ukuran fisik

Pada akhirnya, ruang fisik yang ditempati gambar Anda di situs WordPress Anda akan ditentukan oleh perangkat mana yang digunakan pengunjung Anda untuk melihatnya. Sebenarnya tidak ada yang ideal, terutama jika Anda menggunakan gambar untuk tujuan berbeda. Misalnya, gambar yang digunakan untuk melengkapi postingan blog mungkin hanya perlu berukuran sedang sedangkan Anda menginginkan gambar berukuran penuh untuk gambar utama halaman beranda Anda.

Selain itu, jangan khawatir tentang membuat berbagai ukuran gambar untuk memenuhi dimensi layar yang berbeda. Faktanya, jangan lakukan itu sama sekali karena Anda hanya akan menciptakan lebih banyak pekerjaan untuk server Anda. Pastikan untuk menggunakan tema WordPress dengan tata letak responsif sehingga gambar Anda mematuhi pedoman tersebut.

Ukuran file

Ukuran file gambar Anda merupakan faktor penting dalam mengoptimalkan kecepatan situs Anda. WordPress merekomendasikan agar gambar yang lebih besar berukuran antara 60K dan 100K dan gambar yang lebih kecil tidak boleh lebih besar dari 30K.

Meskipun demikian, ada sejumlah alat yang dapat kami gunakan untuk mengubah ukuran gambar jika ternyata gambar Anda tidak sesuai dengan pedoman yang direkomendasikan dari WordPress. Saya akan membicarakannya di bagian selanjutnya.

Resolusi

DPI (atau titik per inci) adalah referensi yang harus dicari saat menilai resolusi suatu gambar. 72 piksel per inci adalah keluaran resolusi standar yang akan Anda lihat di sebagian besar gambar, sedangkan 300 dpi adalah yang mungkin Anda dapatkan saat menggunakan fotografi stok. Selama gambar terlihat tajam pada ukuran yang diinginkan, Anda tidak perlu terlalu memikirkan angka pastinya.

Meskipun tidak ada rekomendasi khusus dari WordPress mengenai jenis resolusi apa yang harus digunakan untuk menyimpan gambar Anda, mereka menyarankan Anda untuk berhati-hati dalam menggunakan resolusi yang lebih tinggi dari yang dibutuhkan, terutama untuk ukuran file besar. Semakin besar resolusinya, semakin besar ukuran filenya. Jika gambar Anda terlihat jernih pada DPI yang lebih rendah, Anda mungkin ingin menyimpannya di sana agar server Anda tidak mengalami beban yang tidak perlu.

Jenis File

Tidak ada aturan tegas yang mengatakan bahwa Anda harus selalu menggunakan JPG daripada PNG, atau bahwa SVG adalah standar modern yang harus kita patuhi. Biasanya, jenis file yang Anda gunakan tergantung pada apa yang ingin Anda lakukan dengannya.

JPG

JPG adalah jenis file ideal untuk foto. Meskipun format ini tidak mendukung latar belakang transparan, kemampuan aslinya untuk mengompresi file menjadi ukuran yang lebih mudah dikelola tanpa mengurangi kualitas sangat ideal untuk foto berukuran besar dan beresolusi tinggi. JPG menggunakan metode kompresi lossy yang pada dasarnya berarti bahwa data latar belakang yang tidak diperlukan dihapus untuk mengurangi ukuran file.

Oleh karena itu, jika Anda ingin bekerja dengan ukuran file yang lebih kecil, JPG adalah pilihan yang tepat.

Hal lain yang perlu diperhatikan tentang JPG adalah Anda memiliki dua pilihan tentang cara mengekspornya dari perangkat lunak pengedit foto: dasar atau progresif.

JPG dasar adalah yang terdiri dari satu lapisan. Artinya, ketika digunakan di WordPress, tidak ada yang dimuat kecuali gambar datar. Jadi, jika ada penundaan dalam memuat halaman, pengunjung akan melihat gambar perlahan mengisi layar dari atas ke bawah.

Sebaliknya, JPG progresif terdiri dari beberapa lapisan. Saat pengunjung mencoba melihat halaman yang lambat dimuat dengan JPG progresif, gambar akan terisi penuh dalam bingkai yang diperlukan. Namun, awalnya akan agak buram saat lapisan lain mulai terlihat. di atasnya, akhirnya merender gambar secara penuh.

Pilihan ideal di sini adalah JPG progresif karena akan mengurangi beban pada server Anda (karena tidak ada satu lapisan pun yang diminta untuk memuat sekaligus).

PNG

PNG lebih cocok untuk elemen desain yang digunakan di situs web. Misalnya tombol ajakan bertindak, spanduk promosi, tangkapan layar yang mendukung, atau maskot yang dikelilingi latar belakang transparan.

Seperti JPG, PNG juga menggunakan bentuk kompresi untuk membuat ukuran gambar lebih mudah diatur, tetapi jenis ini dikenal sebagai lossless. Kompresi lossless tidak seperti kompresi lossy karena kompresi ini mempertahankan semua dampak data asli. Karena tidak dapat memperkecil ukuran file Anda dengan cara itu, ia malah mencari cara untuk memecah gambar Anda menjadi potongan-potongan kecil yang akan membuatnya lebih mudah untuk disajikan kepada pengunjung.

Meskipun jenis kompresi ini memastikan kualitas keluaran yang lebih tinggi, ukuran file lebih besar daripada yang Anda dapatkan dengan JPG. Jadi, jika kualitas lebih penting bagi Anda atau Anda memerlukan gambar dengan latar belakang transparan, PNG adalah jenis file yang digunakan.

SVG

Jenis file ini jarang dibicarakan ketika membahas gambar WordPress, namun tetap perlu diperhatikan di sini karena desain minimal dan ikonografi menjadi lebih populer dalam desain web.

SVG adalah gambar vektor yang dapat diskalakan, sehingga mungkin merupakan jenis gambar yang paling fleksibel. Ini juga sangat ringan yang berarti Anda tidak perlu merasa bersalah jika menggunakan banyak ini di situs web Anda. Meskipun demikian, ini hanya ideal untuk elemen kecil yang ingin Anda skalakan dengan baik. Artinya, SVG biasanya hanya berupa logo, favicon, ikon biasa, dan elemen visual yang lebih sederhana.

GIF

Tentu saja Anda juga bisa menggunakan GIF di WordPress. Ini adalah alternatif yang bagus untuk konten video karena jauh lebih ringan (jika Anda berencana menyimpan file video di server Anda) dan umumnya merupakan klip jenis animasi yang lebih cepat. Dengan menjamurnya media sosial, GIF jelas merupakan jenis file yang mudah digunakan di WordPress, meskipun Anda sebaiknya menggunakannya dengan hemat.

9 Plugin Pengoptimal Gambar Gratis Terbaik untuk WordPress️

Selanjutnya, mari kita bahas tentang apa yang dapat Anda lakukan untuk mengoptimalkan gambar setelah berada di WordPress.

Sebelum kita beralih ke diskusi plugin, mari kita tinjau dua opsi bawaan yang disertakan WordPress dalam CMS utama.

1. Pengoptimal Gambar EWWW

Plugin EWWW Image Optimizer* menggunakan algoritma unik yang memungkinkannya memberikan kompresi lossy (seperti yang kita bicarakan dengan JPG sebelumnya) tanpa mengurangi kualitas. Dengan kata lain, hasilnya terlihat lebih seperti kompresi lossless meskipun Anda akan melihat penghematan besar dalam hal byte yang digunakan.

Ada beberapa hal keren lainnya tentang plugin ini yang patut disebutkan:

• Anda tidak perlu membiarkan plugin pengoptimal Anda tetap terbuka agar bisa berfungsi. Ini akan menangani kompresi di latar belakang* sehingga Anda dapat bekerja di tempat lain di WordPress.
• Plugin ini mengoptimalkan semua media, meskipun tidak ada di folder Media Anda*. Jadi ini mencakup hal-hal seperti ikon avatar, foto penggeser, gambar tema, dll.
• Pemindaian pengoptimal massal akan melewati semua file yang telah dikompresi, sehingga server Anda tidak perlu repot menangani permintaan yang tidak diperlukan untuk file tersebut.

Karena plugin ini melakukan banyak hal dalam mengompresi gambar, ada sejumlah pengaturan yang harus Anda konfigurasi sebelum menggunakannya. Inilah yang perlu Anda perhatikan:

1. Pertama, instal dan aktifkan plugin Anda.

2. Selanjutnya, navigasikan ke tab Pengaturan dan temukan opsi baru untuk “EWWW Image Optimizer”.

3. Mulailah dengan Pengaturan Dasar:

Tab ini adalah tempat Anda mengontrol jenis kompresi apa yang diterapkan pada gambar yang Anda unggah ke WordPress. Karena kita tahu bahwa EWWW mampu mengompresi semua jenis sebagai lossless (kualitas kompresi tertinggi), gunakan opsi itu.

4. Pengaturan Lanjutan berikutnya:

Di tab ini, fokus Anda harus pada penetapan pengaturan dan pemindaian terjadwal yang akan menjaga gambar tetap optimal tanpa mengorbankan kinerja server.

5. Tab Pengaturan Ubah Ukuran memungkinkan Anda menentukan aturan pengubahan ukuran otomatis untuk file yang dianggap terlalu besar selama impor ke WordPress:

6. Apakah Anda berpikir untuk mengonversi gambar setelah berada di WordPress?

Tab Pengaturan Konversi memungkinkan Anda mengubah jenis file saat diunggah untuk meningkatkan kualitas gambar atau mengurangi ukuran file. Meskipun demikian, konversi satu jenis file ke jenis file lainnya tidak selalu ideal, jadi Anda mungkin hanya ingin menyimpan gambar dalam keadaan aslinya.

7. Jika Anda familiar dengan gambar WebP dan Anda tahu bahwa sebagian besar pengunjung Anda menggunakan Chrome dan Opera untuk mengakses situs Anda (browser yang menerimanya), maka perhatikan tab pengaturan berikutnya:

8. Setelah Anda selesai mengonfigurasi pengaturan untuk plugin Anda, buka tab Media dan klik Optimalkan Massal .

Di sini Anda akan menemukan alat pemindaian dan pengoptimalan massal yang sederhana*. Konfigurasikan pengaturan Anda dan kemudian jalankan pemindaian.

9. Output dari hasil optimalisasi Anda akan terlihat seperti ini:

Anda akan melihat lokasi dan nama file serta catatan tentang seberapa banyak file yang dikompresi.

Tidak seperti alat lain yang mungkin Anda temui, EWWW Image Optimizer sebenarnya berjalan sangat cepat. Dalam 455 gambar yang perlu dioptimalkan oleh situs saya, hanya butuh waktu kurang dari satu menit untuk menyelesaikannya*. Ini mungkin tidak memberi Anda daftar statistik keseluruhan tentang total ruang yang dihemat, tetapi sangat nyaman digunakan.

Dan kemudian ada testimoni hebat dari penggunanya*. Orang-orang pasti menyukai fungsionalitas dan nilainya!

Mereka juga memiliki plugin gratis jika Anda tidak memerlukan semua fitur tambahan.

2. Pengoptimal Gambar ShortPixel

Plugin ShortPixel Image Optimizer gratis sebenarnya merupakan opsi plugin freemium untuk optimasi gambar. Tidak seperti plugin freemium lain yang mungkin Anda temui di repositori, plugin ini lebih merupakan plugin premium dengan masa uji coba gratis daripada apa pun. Inilah alasan saya mengatakan itu:

• Anda diberikan 100 kredit gambar untuk digunakan secara gratis setiap bulan.
• 1 kredit gambar sama dengan 1 file gambar.
• Namun, setiap gambar Anda memiliki setidaknya tiga ukuran file yang terkait dengannya (besar, sedang, dan thumbnail) sehingga hasilnya kira-kira seperti 3 kredit gambar yang setara dengan 1 file gambar.

Jika Anda ingin menggunakan plugin pengoptimal gambar berkualitas tinggi dan mengetahui bahwa situs Anda akan kekurangan unggahan gambar bulanan, maka ini mungkin pilihan yang tepat untuk Anda. Tidak ada batasan ukuran file yang harus dihadapi. Plugin ini mengoptimalkan JPG, PNG, GIF, dan WebP. Ini juga akan masuk jauh ke dalam situs Anda dan mengoptimalkan hal-hal seperti penggeser produk e-niaga, penggeser gambar fotografi, dan banyak lagi.

Tentu saja, jika Anda ingin membayar untuk versi premiumnya juga bisa. Namun karena fokus kami di sini adalah pada plugin pengoptimalan gambar gratis terbaik, saya ingin memperjelas untuk siapa plugin ini terbaik.

Dalam hal penggunaan yang satu ini, mirip dengan plugin WordPress lain yang menawarkan tingkat optimasi ini:

1. Instal dan aktifkan pluginnya.

2. Minta kunci API dikirimkan ke email Anda sehingga Anda dapat terhubung ke alat pengoptimalan.

3. Pengaturan Umum akan mencakup dasar-dasar kompresi gambar Anda:
   • Jenis kompresi pilihan Anda
   • Apakah akan menyertakan thumbnail atau tidak
   • Penyimpanan otomatis file asli di tempat lain di server
   • Penghapusan metadata EXIF
   • Pengubahan ukuran file besar secara otomatis ke batas maksimum yang ditentukan

4. Di bawah tab Lanjutan, Anda akan menemukan berbagai pengaturan pengoptimalan gambar yang mungkin ingin Anda manfaatkan. Ini mencakup hal-hal seperti:
   • Mengonversi dari satu jenis file ke jenis file lainnya
   • Mengonfigurasi pengaturan gambar WebP
   • Menambahkan PDF ke daftar jenis file untuk dioptimalkan
   • Mengotomatiskan pengunggahan file baru (baik oleh Anda di WordPress atau oleh pengguna di front end)

5. Tab Statistik ShortPixel sebenarnya adalah fitur yang sangat bagus dan tidak akan Anda temukan di banyak plugin pengoptimalan gambar lainnya.

Di sini Anda akan menemukan hitungan berapa banyak gambar Anda yang telah dioptimalkan, berapa banyak bandwidth dan ruang disk yang Anda hemat, serta detail tentang paket yang Anda gunakan saat ini (sehingga Anda dapat melacak penggunaannya) .

6. Setelah pengaturan Anda siap, Anda sekarang dapat memulai proses Massal ShortPixel di bawah tab Media Anda.

Alat ini sangat mudah dijalankan. Pertama, putuskan apakah Anda ingin mengompres gambar mini Anda. Kemudian klik Mulai Optimasi . Dengan yang satu ini, Anda harus membiarkan halaman tetap terbuka agar alat pengoptimal dapat menyelesaikan prosesnya.

Anda akan melihat bilah kemajuan yang memberi tahu Anda berapa persentase file Anda yang telah dikompresi dan berapa lama waktu yang dibutuhkan untuk proses tersebut. Anda juga akan melihat cuplikan singkat dari gambar terbaru yang akan dioptimalkan dan berapa banyak ruang yang dihemat selama proses pengoptimalan.

3. Pengeditan Media

Jika Anda membuka Perpustakaan Media di WordPress dan memilih gambar (atau mengunggah yang baru), Anda akan melihat opsi Edit Gambar tersedia.

Dalam modul ini, Anda dapat mengedit dimensi gambar Anda, serupa dengan yang Anda lakukan dengan perangkat lunak pengedit gambar.

Perbedaan utamanya adalah proporsinya dijaga dalam skala besar, sehingga Anda tidak dapat menggunakan ukuran tidak wajar yang dapat merusak gambar.

Setelah Anda puas dengan ukuran baru, tekan tombol Skala , tunggu hingga pesan “Gambar disimpan” muncul di atas gambar, lalu keluar.

4. Pengaturan Media

Hal lain yang dapat Anda lakukan untuk mengubah ukuran gambar di WordPress adalah dengan membuat ukuran gambar default untuk konten Anda.

Di bawah tab Pengaturan , klik Media . Anda kemudian akan menemukan konfigurasi berikut:

Apa yang dilakukan nilai-nilai ini adalah menentukan ukuran gambar default untuk tiga ukuran gambar yang akan dihasilkan WordPress secara otomatis. Jika Anda ingin menghemat waktu dalam mengubah ukuran gambar di luar WordPress atau menyesuaikannya dengan spesifikasi tinggi dan lebar situs Anda, Anda dapat memperbarui dimensinya di sini. Ini sangat membantu jika Anda ingin menggunakan ukuran gambar yang konsisten di seluruh situs web.

Tentu saja, ketika Anda bekerja di WordPress, Anda tahu bahwa ada plugin WordPress untuk membantu Anda melakukan hampir semua hal. Jadi, tidak mengherankan jika ada beberapa plugin pengoptimalan gambar keren yang dapat Anda gunakan secara gratis. Mari kita lihat pilihan teratas dan apa yang dapat Anda lakukan dengannya:

5. Kompresi dan Optimasi Gambar Smush

Mari kita bicara tentang versi gratis dari plugin Smush*.

Selain beberapa fitur premium yang akan Anda dapatkan saat membeli keanggotaan plugin WPMU DEV, sebenarnya tidak banyak perbedaan antara versi gratis dan premium dari plugin ini. Ini luar biasa karena Smush sendiri menyelesaikan semua yang Anda butuhkan dalam hal pengoptimalan. Fakta Menarik: WP Smush hadir dengan paket WP Buffs! Berikut beberapa fitur yang akan Anda nikmati saat menggunakan plugin ini:

• Data asing secara otomatis dihapus saat gambar diunggah ke WordPress.
• Gambar dapat dioptimalkan di folder Media, di plugin galeri Anda, di file tema Anda, dan bahkan di luar lokasi di penyimpanan cloud Anda.
• Muncul dengan dasbor yang sangat ramah pengguna sehingga mengelola pengoptimalan gambar dan memeriksa penghematan ruang Anda menjadi sangat mudah.

Inilah yang dapat Anda lakukan dengan Smush:

1. Pertama, instal dan aktifkan pluginnya.

2. Tidak diperlukan konfigurasi API untuk yang satu ini. Segera setelah diaktifkan, Anda akan diarahkan ke folder WP Smush baru di bawah Media.

3. Berikut tampilan dasbor utama Anda:

Di kiri atas, Anda akan diberi tahu tentang berapa banyak file yang belum “dihancurkan” sambil memberi Anda tombol untuk mengatasi masalah dengan cepat.

Di kanan atas adalah statistik pengoptimalan gambar Anda:

• Berapa banyak gambar yang diubah ukurannya
• Dan berapa banyak yang dikompres
• Hasilnya, berapa banyak ruang yang Anda hemat

4. Saat Anda menggulir halaman ke bawah, Anda akan menemukan pengaturan untuk plugin. Bagian selanjutnya ini memungkinkan Anda menentukan ukuran mana yang dikompresi secara otomatis saat diunggah:

5. Setelah itu, Anda akan melihat pengaturan kompresi lainnya untuk menghapus data EXIF ​​dan mengatur batasan ukuran file:

Dan itu saja! Plugin WordPress ini tidak hanya memberikan pukulan kuat dalam hal mengoptimalkan gambar Anda, tetapi juga membuat prosesnya menjadi sangat sederhana.

6. Kompres Gambar JPEG & PNG dengan TinyPNG

Yang pertama ini adalah plugin WordPress yang setara dengan alat TinyPNG online yang saya sebutkan sebelumnya.

Plugin Kompres Gambar JPEG & PNG dikenal sebagai alat pengoptimal massal. Daripada menggunakan editor default WordPress di mana Anda dapat mengubah ukuran gambar satu per satu atau menetapkan maksimum default untuk ukuran gambar, ini akan mengoptimalkan dan mengompresi semua gambar Anda dalam satu gerakan.

Inilah cara kerjanya:

1. Instal dan aktifkan plugin Anda.

2. Ketika Anda mengklik tombol Pengaturan di bawah plugin baru Anda, itu akan mengarahkan Anda ke Pengaturan Media (sama seperti yang kita lihat sebelumnya). Namun, opsinya kini telah diperluas menjadi seperti ini:

3. Hal pertama yang akan diminta untuk Anda lakukan adalah membuat akun gratis dengan TinyPNG (aktivasi email sederhana dengan sekali klik).

4. Selanjutnya, Anda dapat memilih ukuran gambar WordPress mana yang ingin Anda kompres secara otomatis. Karena WordPress secara otomatis menghasilkan tiga ukuran dengan setiap unggahan – besar, sedang, dan thumbnail – Anda setidaknya harus menyertakannya. Jika ada ukuran default lain yang terkait dengan tema Anda, Anda juga dapat memilihnya.

5. Anda juga harus memperhatikan spesifikasi Gambar Asli:

Di bagian ini, Anda dapat mengatur ukuran unggahan maksimum untuk memastikan bahwa file terbesar sekalipun tidak terlalu merepotkan server Anda. Anda juga dapat memastikan bahwa metadata penting tidak dihapus dari file.

6. Setelah dikonfigurasi, Anda sekarang dapat menjalankan pengoptimalan massal pada semua file media yang saat ini ada di situs web Anda dan tidak dioptimalkan. Anda akan menemukannya di bawah tab Media di bawah “Optimasi Massal.”

7. Klik tombol dan tunggu hingga pengoptimal menyelesaikan tugasnya sebelum Anda keluar dari layar.

Saat pemindai dan pengoptimal berjalan, Anda akan dapat melihat hal-hal seperti:

• Berapa banyak gambar yang ada di situs Anda.
• Jumlah ukuran yang terkait dengan setiap gambar.
• Berapa banyak dari file tersebut yang telah dikompresi dan seberapa banyak.

Dan setelah selesai, Anda tidak perlu menjalankan pengoptimal massal lagi karena sekarang Anda sudah memiliki pengaturan kompresi otomatis.

7. Bayangkan Pengoptimal Gambar

Hal hebat tentang plugin Imagify Image Optimizer adalah membuat proses pengoptimalan gambar secara massal menjadi sangat sederhana. Seperti plugin pengoptimalan gambar lainnya, plugin ini mencapai dua prestasi: yang pertama akan mengoptimalkan secara massal semua gambar yang saat ini ada di folder Media Anda; itu kemudian akan secara otomatis mengoptimalkan gambar berdasarkan pengaturan yang telah Anda tentukan sebelumnya.

Inilah yang perlu Anda lakukan untuk memulai:

1. Instal dan aktifkan pluginnya.

2. Anda kemudian akan diminta membuat kunci API untuk itu. Untuk melakukan ini, Anda perlu mendaftar untuk mendapatkan akun gratis.

3. Setelah akun Anda aktif, Anda akan menemukan pengaturan plugin Anda di bawah tab Pengaturan. Klik Bayangkan .

4. Salah satu sentuhan terbaik tentang plugin ini hadir dalam alat Perbandingan Visual (Anda akan menemukannya di bawah tiga opsi Tingkat Pengoptimalan):

Anda akan melihat bahwa hampir tidak ada perubahan nyata pada tampilan gambar saat Anda mengubah pengaturan dari Normal ke Ultra. Namun yang akan Anda perhatikan adalah seberapa besar pengurangan file yang dihasilkan dari setiap perubahan.

5. Setelah Anda menentukan tingkat pengoptimalan mana yang terbaik untuk kebutuhan Anda, Anda dapat melihat pengaturan lain yang tersedia untuk konfigurasi.

Plugin ini melakukan pekerjaan yang sangat baik dalam menyederhanakan opsi dan menguraikan semua bagian penting yang harus Anda pertimbangkan selama proses pengoptimalan gambar, seperti:

• Apakah Anda ingin mengoptimalkan setiap gambar yang diimpor secara otomatis? (Ya!)
• Apakah Anda ingin membuat cadangan gambar asli di server Anda? (Mungkin tidak.)
• Apakah Anda ingin membatasi ukuran file maksimum sehingga file yang lebih besar akan diubah ukurannya secara otomatis? (Tentu saja.)
• Apakah Anda ingin plugin membuang metadata EXIF ​​atau Anda memerlukan informasi itu nanti? (Tergantung pada apa yang Anda lakukan dengan mereka.)
• Ukuran gambar manakah yang ingin Anda optimalkan? (Mereka semua.)

6. Simpan perubahan Anda dan kemudian Anda dapat mengunjungi alat Pengoptimalan Massal di bawah tab Media.

7. Dengan satu klik, Anda kemudian dapat menjalankan pengoptimalan massal:

Hasilnya akan memberi tahu Anda nama file, seberapa besar awalnya, seberapa besar sekarang, dan berapa banyak ruang yang Anda hemat sebagai hasilnya.

Satu hal yang perlu diperhatikan adalah Imagify memiliki batasan 25 MB per bulan. Jika Anda menjalankan situs yang banyak gambarnya, Anda harus membayar untuk setiap pemrosesan tambahan yang ingin Anda lakukan.

Selain itu, alat ini hanya akan mengoptimalkan file yang lebih besar dari 2 MB jika Anda mendaftar untuk paket berbayar. Jika Anda berniat menggunakan alat ini untuk pengoptimalan gambar, pastikan Anda memiliki dana untuk membayarnya atau Anda memiliki alat pengubah ukuran yang dapat Anda gunakan sebelumnya untuk memastikan file tidak melebihi batasnya.

8. Kegilaan

Imnsanity tidak seperti plugin WordPress lainnya dalam daftar ini. Meskipun ini akan membantu Anda mengoptimalkan gambar secara massal, bidang keahlian utamanya adalah mengubah ukuran gambar, bukan mengompresi.

Setelah instalasi dan aktivasi, Anda akan dibawa ke tab Pengaturan baru untuk Imsanity. Inilah yang akan Anda lihat:

Di sinilah Anda akan mengonfigurasi batasan pengubahan ukuran untuk gambar yang diunggah ke berbagai bagian situs WordPress Anda. Anda juga dapat melakukan penyesuaian pada kualitas JPG dan menentukan berbagai aturan konversi.

Di bawah ini, Anda akan menemukan opsi untuk mengubah ukuran massal semua gambar yang saat ini ada di situs WordPress Anda.

Sebelum Anda menjalankan pemindaian dan pengubahan ukuran ini, pastikan untuk membuat cadangan situs web Anda jika hasil yang dihasilkan terlihat kurang spektakuler.

9. Optimol

Optimole adalah salah satu solusi terbaik untuk optimasi gambar di WordPress. Itu dibuat untuk memperkecil gambar situs Anda tanpa perubahan visual apa pun dengan menggunakan teknik pengoptimalan lossless dan lossy.

• Gambar 1GB per bulan (15+GB jika Anda meningkatkan).
• Bandwidth menonton 10GB per bulan (100GB dalam paket premium).
• Placeholder gambar berkualitas rendah (pemuatan gambar perantara yang lambat sebelum menampilkan ukuran penuhnya).
• Pengubahan ukuran gambar berdasarkan perangkat/ukuran layar (memuat versi optimal untuk setiap perangkat).
• Dukungan Retina dan HiDPI dengan deteksi DPR dinamis di semua perangkat.
• Pelacakan dan pemantauan statistik/hasil dengan mudah melalui dasbor modern.
• dukungan CDN.

1. Instal dan aktifkan.
2. Daftarkan dan periksa email Anda untuk kunci API.
3. Segera setelah mengirimkan kunci API ke dashboard WordPress Anda, Optimole akan mulai mengoptimalkan semua gambar yang ada.
4. Di Pengaturan, Anda dapat mengonfigurasi preferensi pribadi dan mengaktifkan/menonaktifkan fitur yang Anda perlukan.

Beginilah tampilan dasbor Optimole di back-end WordPress Anda:

9 Alat Pengoptimal Gambar Online Gratis Terbaik

Seperti disebutkan di atas, ukuran gambar benar-benar dapat mengurangi kinerja situs Anda, jadi jika Anda dapat mengurangi ukurannya sebelum mengunggah ke WordPress, itu ideal. Hal yang sama berlaku untuk mengurangi jumlah byte yang dibawa oleh gambar. Ini mungkin tidak selalu diperlukan–terutama jika gambar Anda lebih kecil–tetapi penting untuk mengetahui bahwa Anda memiliki opsi untuk melakukannya dengan mudah menggunakan alat online berikut:

1. Situs Stok Foto

“Alat” pertama yang ingin saya tunjukkan adalah sumber yang mungkin Anda gunakan untuk mendapatkan beberapa foto Anda: situs web stok fotografi.

Umumnya, situs web ini akan membatasi ukuran file foto yang diekspor. Berikut ini contoh dari iStock:

Ada situs stok fotografi lainnya, seperti Pixabay, yang memungkinkan Anda memilih dimensi foto tertentu dan ukuran file yang akan diekspor:

Tentu saja bukan berarti Anda harus menggunakan foto dalam ukuran yang diekspor. Anda dapat melakukan penyesuaian lebih lanjut terhadap ukuran menggunakan alat berikut.

2. Perangkat Lunak Pengeditan Foto

Baik Anda menggunakan Photoshop, Lightroom, atau perangkat lunak atau alat pengedit foto asli OS Anda, fitur pengubahan ukuran foto biasanya memberi Anda serangkaian opsi pengubahan ukuran yang sama.

Sesuaikan tinggi atau lebar agar gambar diubah ukurannya sesuai skala:

Lepaskan rasio tinggi-lebar dan ubah ukuran dimensi sesuai keinginan Anda:

Daripada mengubah ukuran berdasarkan piksel, Anda dapat mengubah ukuran berdasarkan persentase dari ukuran aslinya:

Atau, jika tersedia, Anda dapat menggunakan ukuran prasetel yang mengubah ukuran gambar ke dimensi populer yang digunakan di web:

Sekarang, mari kita lihat sekilas apa yang terjadi bila Anda mengubah ukuran foto 5472 x 3648 ini (dengan berat 5,7 MB):

Untuk lebar 3000 piksel dan tinggi 2000 piksel:

Meskipun foto tersebut diperkecil kurang dari setengah dimensinya, foto tersebut kehilangan lebih dari separuh bobotnya dan kini berukuran 1,8 MB.

Dari kedua gambar tersebut, dapatkah Anda membedakan mana yang dibuat menggunakan software pengedit gambar desktop? (Petunjuk: setiap perbandingan berdampingan mulai saat ini menampilkan yang asli di sebelah kiri.)

3. Kompres Gambar

Dibuat oleh tim yang sama di belakang ResizeImage (lihat di bawah), Toolur memiliki alat kompresi CompressImage.

Alat online ini memiliki kekuatan yang lebih besar dibandingkan alat kompresi dan pengubahan ukuran tradisional. Ini akan menerima hingga 25 gambar sekaligus dan masing-masing file tersebut dapat berbobot hingga 30 MB. Ia juga menerima PNG dan JPG.

Mengenai penggunaannya, yang satu ini bisa sedikit membingungkan karena ada berbagai jenis kompresi yang tersedia, meski tidak ada penjelasan apa perbedaannya. Karena itu, mari kita sederhanakan di sini:

1. Gunakan opsi kompresi A hingga E (yaitu kompresi lossy) untuk JPG Anda. Gunakan opsi kompresi F dan G (yaitu kompresi lossless) untuk PNG Anda.

2. Atur persen kualitas gambar ke 90% (jika tidak, Anda tidak akan melihat pengurangan ukuran file).

3. Pilih Kompresi Progresif saat mengubah ukuran JPG.

4. Jangan masukkan nilai apa pun ke dalam baris Ubah Ukuran. Biarkan saja apa adanya agar alat dapat fokus pada kompresi.

5. Kemudian klik Kompres Gambar .

Jika sudah selesai dijalankan, Anda bisa mendownload gambar hasilnya.

Meskipun ukuran berkasnya diperkecil dari 3,8 MB menjadi 2,1 MB, dan kualitasnya diturunkan hingga 90%, foto-foto ini hampir terlihat sama.

4. GambarOptim

ImageOptim adalah perangkat lunak khusus Mac yang dapat Anda unduh langsung ke desktop Anda (jika Anda ingin menggunakan versi online, Anda harus membayarnya).

Untuk menggunakannya sederhana saja.

1. Unduh perangkat lunak pada tautan di atas dan instal di Mac Anda.

2. Buka aplikasi ImageOptim.

3. Antarmukanya mirip dengan apa yang Anda temui di sebagian besar antarmuka manajemen media drag-and-drop lainnya. Tambahkan gambar yang ingin Anda kompres ke aplikasi.

Anda kemudian akan melihat persentase penghematan yang Anda dapatkan kembali dengan mengizinkan perangkat lunak menghapus data yang tidak diperlukan dari file. Tidak ada lagi yang diubah di sini, jadi tidak perlu melakukan perbandingan file.

5. Gambar Lebih Kecil

Jika Anda mencari sesuatu yang sangat mudah digunakan yang menangani kompresi PNG dan JPG, lihat ImageSmaller.

Ia menjanjikan pengurangan ukuran file gambar Anda hingga 90% hanya dengan satu klik tombol. Inilah cara kerjanya:

1. Telusuri file gambar di komputer Anda.

2. Klik tombol Unggah .

3. Tunggu hingga alat menghasilkan gambar terkompresi Anda. Ini akan memberi tahu Anda berapa ukuran file baru dan persentase pengurangannya.

4. Klik Unduh File untuk mengambil gambar terkompresi Anda.

Jika dibandingkan secara berdampingan, Anda hampir tidak dapat membedakan antara versi asli dan versi terkompresi.

6.JPEGmini

JPEGmini bukanlah perangkat lunak pengeditan online gratis untuk foto Anda. Namun, Anda dapat mencobanya untuk melihat apakah Anda puas dengan hasilnya (Anda dapat mengubah ukuran hingga 200 gambar sebelum Anda harus berkomitmen untuk membeli aplikasinya).

Jika Anda senang dengan apa yang dilakukan JPEGmini, Anda pasti ingin memiliki alat ini di pihak Anda. Tidak hanya mengubah ukuran JPG Anda hingga 80%, tetapi juga terintegrasi dengan Photoshop dan Lightbox dan bertindak sebagai pengubah ukuran otomatis untuk gambar apa pun yang Anda masukkan ke perangkat lunak pengedit foto Anda.

Inilah yang dapat Anda lakukan dengan yang satu ini:

1. Buka tautan di atas dan unduh serta instal aplikasi.

2. Daftar untuk uji coba gratis dan manfaatkan pengubahan ukuran 100 gambar pertama Anda secara gratis.

3. Sebelum memasukkan foto apa pun ke dalam aplikasi, pastikan untuk memeriksa pengaturan ekspor/pengubahan ukuran terlebih dahulu. Jika Anda membiarkan pengaturan default pada tempatnya, pengubahan ukuran tidak akan dilakukan. JPEGmini hanya akan mengoptimalkan dan mengompresi gambar Anda.

Untuk membuat versi gambar Anda yang diubah ukurannya, klik ikon konfigurasi di kiri bawah. Pilih folder ekspor dan pilih ukuran baru. Klik Terapkan .

4. Masukkan file sebanyak atau sesedikit yang Anda inginkan ke dalam aplikasi.

Aplikasi kemudian akan memberi tahu Anda seberapa besar ukuran file dikurangi dan berapa banyak ruang yang Anda hemat untuk kompresi dan pengubahan ukuran.

5. Jika Anda memilih untuk mengubah ukuran, file baru Anda akan diekspor ke folder yang Anda tentukan dan dengan ukuran yang Anda inginkan. Anda sekarang dapat membandingkannya dengan aslinya:

7. Ubah Ukuran Gambar

ResizeImage adalah alat online yang memungkinkan Anda mengubah ukuran, memotong, membalik, dan bahkan mengompres gambar Anda. Masalahnya adalah ini hanya mengizinkan satu gambar dalam satu waktu.

Inilah cara Anda menggunakan yang ini:

1. Klik tombol Unggah Gambar . Anda dapat menggunakan ini untuk mengubah ukuran JPG, PNG, atau GIF.

2. Untuk mengubah ukuran, gulir ke bawah ke #4 “Ubah ukuran gambar Anda.”

3. Seperti yang saya jelaskan sebelumnya, Anda dapat mengubah ukuran gambar dengan proporsi yang ada (menjaganya dalam skala) atau Anda dapat melepaskan proporsi dan membuat ukuran khusus.

4. Ada juga opsi untuk menambahkan latar belakang transparan, mengubah format file keluaran, dan mengompresi gambar. Setelah Anda puas dengan pengaturan pengubahan ukuran, klik Ubah Ukuran Gambar .

Jumlah penghematan file yang Anda terima setelah mengubah ukuran gambar sekarang akan muncul di bagian bawah. Jika Anda puas dengan hasilnya, Anda dapat mendownload gambar baru Anda.

Ini adalah file asli dibandingkan file yang diubah ukurannya:

8. PNG Kecil

Meskipun yang ini memiliki nama “PNG”, Anda sebenarnya dapat mengubah ukuran PNG dan JPG dengan alat pengoptimalan online TinyPNG gratis.

Alat ini mudah digunakan tetapi memiliki beberapa keterbatasan. Pertama, Anda hanya dapat mengupload maksimal 20 gambar dalam satu waktu. Selain itu, ada batasan 5 MB untuk setiap gambar. Selama Anda menggunakan salah satu alat pengubah ukuran yang disebutkan sebelumnya untuk memperkecil ukuran file Anda, ini seharusnya tidak menjadi masalah.

Untuk menggunakan ini, diperlukan dua langkah:

1. Masukkan gambar Anda ke dalam aplikasi online.

2. Unduh gambar terkompresi yang dihasilkan setelah alat selesai.

Salah satu foto ini berukuran 3,2 MB. Yang lainnya adalah 5,8 MB. Bisakah Anda membedakan mana yang lebih besar?

9. Pengoptimal Gambar Kraken

Beberapa dari Anda mungkin sudah familiar dengan nama Kraken karena mereka memiliki plugin WordPress yang dulu populer yang dapat Anda gunakan untuk optimasi gambar di situs. Meskipun demikian, alat ini sudah lama tidak diperbarui, jadi sebaiknya gunakan alat online ini.

Alat pengoptimal gambar online Kraken gratis adalah alat yang dapat Anda gunakan untuk mengompres gambar berukuran di bawah 1 MB. Jika Anda mengharapkan kemampuan yang lebih canggih dari alat ini, Anda dapat meningkatkan ke Kraken PRO yang akan membuka opsi pengubahan ukuran dan memungkinkan Anda mengunggah foto hingga 32 MB.

Inilah cara kerja versi gratisnya:

1. Opsi pertama meminta Anda memilih sumber gambar Anda. Namun, pada paket gratis, satu-satunya pilihan yang tersedia adalah mengunggahnya dari komputer Anda (yang sejujurnya, ini bukan masalah besar karena hal ini akan sering terjadi.)

2. Ada tiga pilihan optimasi gambar: lossy, lossless, dan expert. Menurut Kraken:

• Lossy adalah metode kompresi yang mereka rekomendasikan. Rata-rata, ini memampatkan gambar hingga 60%, tetapi menurut mereka bisa mencapai 80 atau 90% juga.
• Lossless juga akan memberi Anda penghematan kompresi maksimum tetapi akan mempertahankan metadata EXIF ​​Anda (yang berarti hasilnya mungkin tidak sekecil lossy).
• Pakar memberi Anda kemampuan untuk menyesuaikan jumlah kompresi serta apakah data EXIF ​​tetap disimpan atau tidak.

3. Opsi ketiga (pengubahan ukuran gambar) tidak tersedia di alat gratis.

4. Setelah Anda mengonfigurasi pengaturan Anda, klik untuk mengunggah atau seret dan lepas gambar Anda ke dropbox.

Seperti yang Anda lihat, pertama kali saya mencoba mengunggah foto saya ke alat ini, gagal karena ukurannya hanya sedikit melebihi batas 1 MB. Saya harus kembali dan mengubah ukuran gambar saya yang sudah diubah ukurannya agar dapat diterima pada putaran berikutnya:

Setelah alat kompresi melakukan tugasnya, Anda akan mendapatkan laporan cepat yang memberi tahu Anda seberapa besar ukuran gambar Anda (atau gambar karena Anda dapat mengunggah lebih dari satu) dikurangi.

Supaya Anda punya dasar perbandingan di sini, inilah perbedaan antara kompresi lossy (atas) dan lossless (bawah) pada gambar yang sama:

5. Dengan file Anda terkompresi, kini Anda dapat mengunduh file tersebut ke desktop Anda.

Seperti yang Anda lihat, ada sedikit perbedaan antara versi file asli, lossy, dan lossless dalam hal tampilan. Mereka benar menyarankan agar pengguna menggunakan kompresi lossy jika hasilnya dapat diabaikan dan penghematan ukuran file lebih tinggi.

Membungkus

Sebelum Anda menguji sendiri salah satu alat pengoptimalan gambar gratis ini, saya sarankan Anda meluangkan waktu untuk benar-benar memikirkan apa yang Anda perlukan:

• Apakah gambar Anda sebagian besar berformat JPG yang mendapat manfaat dari kompresi lossy? Atau apakah sebagian besar PNG harus menggunakan kompresi lossless?
• Berapa banyak gambar yang ingin Anda ubah ukuran dan/atau kompres secara bersamaan?
• Apakah gambar Anda melebihi 5 MB dan memerlukan daya pemrosesan lebih besar dibandingkan alat kompresi atau pengubah ukuran sederhana yang tersedia?
• Apakah Anda ingin mengontrol seberapa besar kompresi dan penurunan kualitas akibat penggunaan alat ini? Atau apakah Anda lebih suka mengandalkan pengaturan default lepas tangan?
• Apakah Anda memerlukan bantuan untuk menghapus metadata EXIF ​​atau Anda ingin memastikan metadata tetap ada?
• Apakah Anda punya waktu untuk mengoptimalkan gambar sendiri atau Anda lebih suka mengotomatiskan semuanya?

Pada akhirnya, Anda ingin menggunakan alat yang menyelesaikan semuanya secepat dan semulus mungkin. Juga, jangan lupa untuk memikirkan apa yang akan dilakukan plugin WordPress pada ruang server Anda. Seperti biasa, WP Buffs dapat membantu dalam hal ini!

Ingin memberikan tanggapan Anda atau bergabung dalam percakapan?Tambahkan komentar Anda di Twitter.

Simpan Simpan

Simpan Simpan

Simpan Simpan

Simpan Simpan

Simpan Simpan