webmediamdnDengan kecepatan internet yang kencang saat ini, sering kita lihat orang menyediakan image di websitenya dengan kualitas yang sempurna. Kualitas sempurna dan terbaik memang disukai tetapi seringnya berakibat kepada website menjadi lebih lambat karena kualitas bagus diikuti dengan ukuran file yang besar pula.
Jadi sebagai pengelola website kamu harus tahu dan mengerti bagaimana cara mengomtimalkan sebuah gambar/image di website dengan baik tanpa kehilangan kualitasnya.
Apa itu Optimalisasi Gambar
Optimalisasi gambar adalah sebuah proses menyimpan gambar dengan tujuan menghasilkan sekecil mungkin ukuran gambar dan tanpa mengurangi kualitas gambar secara keseluruhan.
Mungkin secara teknis kelihatan sulit, tapi ada banyak plugin yang bisa dipakai di wordpress untuk dapat melakukan kompresi secara otomatis sampai 80% dengan tanpa kualitas gambar yang terlihat.
Berikut contoh gambar yang dioptimalkan vs tidak dioptimalkan:
Seperti yang Anda lihat optimasi bisa lebih dari 300% dengan hasil gambar yang tidak jauh berbeda.
Cara Kerja Optimisasi Gambar
Untuk mengoptimalkan sebuah gambar diperlukan sebuah usaha yang namanya kompresi. Kompresi bekerja dengan 2 teknologi yakni “Lossy” dan “Lossless” yang membantu mengurangi ukuran file secara keseluruhan tanpa kehilangan kualitas gambar.
Mengurangi ukuran penyimpanan gambar sangat diperlukan agar website yang kamu bangun memiliki kecepatan yang tinggi sehingga direkomendasi pengunjung dan mesin pencari. Keuntungan dengan melakukan optimisasi gambar adalah:
- Kecepatan situs menjadi lebih cepat
- Meningkatkan SEO website
- Jika websitenya bertujuan berjualan akan menghasilkan tingkat konversi yang tinggi
- Mengurangi biaya hosting dan CDN karena penyimpanan makin kecil dan bandwith kecil.
- Backup situs web jadi lebih cepat karena ukuran gambar yang jauh lebih kecil.
Dari beragam studi bisa diambil kesimpulan ternyata di website, gambar mencapai rata-rata 21% dari total berat halaman web. Dan ini butuh perhatian, karena kita tahu situs web yang cepat mendapatkan peringkat tinggi di mesin pencari (SEO) dan memiliki konversi yang lebih baik, pengoptimalan gambar adalah sesuatu yang harus dilakukan setiap situs web bisnis jika mereka ingin sukses secara online.
Untuk Anda ketahui penundaan satu detik dalam waktu muat situs web dapat menyebabkan Anda kehilangan 7% penjualan, 11% lebih sedikit tampilan halaman, dan penurunan kepuasan pelanggan sebesar 16%.
Yang Membuat Optimal Gambar
Dalam pengoptimalan gambar sehingga meningkatkan kinerja website adalah mendapatkan ukuran file terendah dan kualitas gambar yang masih dapat diterima.
Yang berperan besar dalam pengoptimalan gambar adalah:
– Format file gambar (JPEG vs PNG vs GIF)
– Kompresi (Kompresi lebih tinggi = ukuran file lebih kecil)
– Dimensi Gambar (tinggi dan lebar)
Dengan memilih kombinasi yang tepat dari ketiganya, Anda dapat mengurangi ukuran gambar Anda hingga 80%.
1. Format File Gambar
Untuk sebagian besar pemilik situs web, hanya tiga format file gambar yang benar-benar penting adalah JPEG, PNG, dan GIF. Memilih jenis file yang tepat memainkan peran penting dalam pengoptimalan gambar.
Untuk mempermudah, Anda ingin menggunakan JPEG untuk foto atau gambar dengan banyak warna, PNG untuk gambar sederhana atau saat Anda memerlukan gambar transparan, dan GIF untuk gambar animasi saja.
Bagi mereka yang tidak mengetahui perbedaan antara setiap jenis file, format gambar PNG tidak dikompresi yang berarti kualitas gambarnya lebih tinggi. Sisi negatifnya adalah ukuran file jauh lebih besar.
Di sisi lain, JPEG adalah format file terkompresi yang sedikit mengurangi kualitas gambar untuk memberikan ukuran file yang jauh lebih kecil. Sedangkan GIF hanya menggunakan 256 warna bersama dengan kompresi lossless yang menjadikannya pilihan terbaik untuk gambar animasi.
2. Kompresi
Ada berbagai jenis kompresi, tergantun memilih software pengedita seperti Adobe Photoshop, On1 Photo, GIMP, Affinity Photo, dan lainnya dilengkapi dengan fitur kompresi gambar bawaan.
Anda juga dapat menyimpan gambar secara normal dan kemudian menggunakan alat web seperti TinyPNG atau JPEG Mini untuk kompresi gambar yang lebih mudah. Meskipun agak manual, kedua metode ini memungkinkan Anda
Ada juga beberapa plugin WordPress populer seperti Optimole, EWWW Image Optimizer, dan lainnya yang dapat mengompres gambar secara otomatis saat Anda pertama kali mengunggahnya.
Banyak pemula dan bahkan perusahaan besar lebih suka menggunakan plugin pengoptimalan gambar ini karena mudah dan nyaman.
3. Dimensi Gambar
Biasanya, ketika Anda mengimpor foto dari ponsel atau kamera digital, ia memiliki resolusi yang sangat tinggi dan dimensi file yang besar (tinggi dan lebar). Biasanya, foto-foto ini memiliki resolusi 300 DPI dan dimensi mulai dari 2000 piksel atau lebih. Foto-foto berkualitas tinggi ini sangat sesuai untuk pencetakan atau penerbitan desktop. Mereka tidak cocok untuk situs web.
Mengurangi dimensi file menjadi sesuatu yang lebih masuk akal dapat mengurangi ukuran file gambar secara signifikan. Anda cukup mengubah ukuran gambar menggunakan perangkat lunak pengedit gambar di komputer Anda.
Misalnya, kami mengoptimalkan foto dengan ukuran file asli 1,8 MB, resolusi 300 DPI, dan dimensi gambar 4900 × 3200 piksel.
Kami memilih format jpeg untuk kompresi yang lebih tinggi dan mengubah dimensi menjadi 1200 × 795 piksel, dan ini mengurangi ukuran file gambar menjadi 103 KB. Itu 94% lebih kecil dari ukuran file aslinya.
Software untuk Pengoptimalan Gambar Terbaik
Adobe Photoshop
Adobe Photoshop adalah perangkat lunak premium yang dilengkapi dengan fitur untuk menyimpan gambar yang dioptimalkan untuk web. Cukup buka gambar Anda dan klik opsi “File» Save for Web “.
Ini akan membuka kotak dialog baru. Di sebelah kanan, Anda dapat mengatur format gambar yang berbeda. Untuk format JPEG, Anda akan melihat opsi kualitas yang berbeda. Ketika Anda memilih opsi Anda, itu juga akan menunjukkan kepada Anda ukuran file di kiri bawah.
GIMP
GIMP adalah alternatif gratis dan open source untuk Adobe Photoshop yang populer. Ini dapat digunakan untuk mengoptimalkan gambar Anda untuk web. Kelemahannya adalah tidak mudah digunakan seperti beberapa solusi lain dalam daftar ini.
Pertama, Anda perlu membuka gambar Anda di GIMP dan kemudian pilih opsi File »Export As. Ini akan memunculkan kotak dialog simpan file. Beri file Anda nama baru dan kemudian klik tombol ekspor.
Ini akan memunculkan opsi ekspor gambar. Untuk file jpeg, Anda dapat memilih tingkat kompresi untuk memperkecil ukuran file. Terakhir, klik tombol ekspor untuk menyimpan file gambar yang dioptimalkan.
TinyPNG
TinyPNG adalah aplikasi web gratis yang menggunakan teknik kompresi lossy cerdas untuk mengurangi ukuran file PNG Anda. Yang harus Anda lakukan adalah pergi ke situs web mereka dan mengunggah gambar Anda (seret & lepas sederhana).
Mereka akan memampatkan gambar, dan memberi Anda tautan unduhan. Anda dapat menggunakan situs saudari mereka, TinyJPG, untuk kompresi gambar JPEG.
Mereka juga memiliki ekstensi untuk Adobe Photoshop yang kami gunakan sebagai bagian dari proses pengeditan gambar karena menggabungkan yang terbaik dari TinyPNG dan TinyJPG di dalam Photoshop.
JPEG Mini
JPEGmini menggunakan teknologi kompresi lossless yang secara signifikan mengurangi ukuran gambar tanpa memengaruhi kualitas perseptualnya. Anda juga dapat membandingkan kualitas gambar asli Anda dan gambar terkompresi.
Anda dapat menggunakan versi web mereka secara gratis, atau membeli program untuk komputer Anda. Mereka juga memiliki API berbayar untuk mengotomatiskan proses untuk server Anda.
Plugin Pengoptimalan Gambar di Website
Cara yang paling optimal adalah Anda lakukan dulu sebelum diunggah ke website akan banyak menolong hosting, cara kedua gunakan plugin di wordpress. Ada beberapa Plugin yang bisa kamu coba yakni:
- Optimole – plugin populer oleh tim di belakang ThemeIsle.
- Compress JPEG & PNG images– plugin oleh tim TinyPNG yang disebutkan di atas dalam artikel.
- Imagify – plugin oleh tim plugin WP Rocket.
- ShortPixel Image Optimizer
- WP Smush
- reSmush.it
Menggunakan salah satu plugin pengoptimalan gambar WordPress ini akan membantu Anda mempercepat situs web Anda.
Segera lakukan optimalisasi website Anda, karena akan menghasilkan perubahan pada kecepatan situs web sehingga ranking di situs Anda meningkat. Mesin pencari akan memberikan tempat yang khusus pada situs web Anda.