Penulis 
Setiap kali posting artikel, ada kalanya menyisipkan 1 atau lebih gambar untuk kelengkapan posting. Namun setelah di cek pada pagespeed Google, gambar artikel bermasalah atau masih memerlukan optimasi.
Memang benar, gambar sangat berpengaruh pada kecepatan blog/website saat di buka oleh pengunjung. Yang sering menjadi masalah biasanya ukuran file gambar tersebut dan dimensi.
Dalam forum-forum terkenal, saya membaca untuk ukuran ideal gambar standar antara 20-30 kb dan kualitas tinggi sekitar 80 kb. Ini bisa menjadi pedoman untuk kita terapkan pada artikel Anda.
Untuk dimensi gambar tergantung dari Tema yang di gunakan/body posting, namun untuk dimensi standar bisa menggunakan ukuran berikut ini.
- Dimensi 600 x 400 px
- Dimensi 600 x 320 px
- Dimensi 300 x 250 px
Dimensi gambar yang bagus adalah dimensi gambar yang di gunakan sama dengan dimensi yang ada pada postingan atau paling tidak mendekati, agar tidak ada data yang terbuang sia-sia saat browser menampilkannya. Dengan begitu kecepatan bertambah dan lebih efisian dalam pemakaian hosting bagi yang menggunakan hosting berbayar..
Jangan pernah menggunakan gambar dengan dimensi 2010 x 900 px ukuran 4 MB namum dalam postingan menampilkan hanya 300 x 250px. Ini akan memberatkan tugas browser dan membutuhkan waktu lebih.
Untuk mengantisipasinya, Anda dapat mengedit gambar terlebih dahulu baik ukuran maupun dimensinya sesuai yang dibutuhkan dengan program offline ataupun online yang banyak di internet.
Pada kesempatan ini saya akan berbagi bagaimana cara kompresi gambar dengan program offline menggunakan aplikasi Adobe Photoshop.
Compress Gambar dengan Photoshop
1. Siapkan gambar dengan format JPEG, PNG, atau GIF kemudian buka gambar tersebut dengan Photoshop > Pilih File > lalu klik Save for Web.
Saya disini menggunakan gambar JPEG dengan dimensi 6000 x 4000 dan ukuran 1.39 MB.
Pada window save for web, Anda bisa memilih format yang akan di simpan nanti baik JPG, PNG atau GIF. Untuk JPEG sendiri memiliki beberapa pilihan kualitas dari Low, Medium, High, Very High dan Maximum.
Di sebelah kanannya terdapat kotak Quality yang bisa di atur sesuai kebutuhan. Kemudian untuk mengatur dimensi gambar ada bagian bawah kanan pada kotak Image Size.
Anda juga dapat melihat hasil kompres gambar pada browser melalui tombol Preview sebelum di simpan nantinya.
Untuk menyimpan gambar yang sudah di setting, klik tombol Save pada bagian bawah kanan dan berikut hasil percobaan saya pada gambar di atas.
Format gambar: JPEG
Dimensi: 400 x 267 px
Kualits: tinggi
Ukuran: 29.2 kb
Format gambar: JPEG
Kualitas: Medium
Dimensi: 400 x 267 px
Ukuran file: 14.7 kb
Format gambar: JPEG
Kualitas: low/rendah
Dimensi: 400 x 267 px
Ukuran: 9.23 kb
Menurut saya kualitas dan tingkat optimize ukuran filenya tidak kalah dengan program online yang banyak di internet.
Selain menggunakan Photoshop, Anda juga bisa menggunakan Microsoft office Picture Manager untuk mengedit gambar atau foto secara offline.
Pada menu Resize pilih Predefined width x height kemudian pilih ukuran dimensi yang diinginkan. Jika sudah klik tombol OK lalu klik lagi icon save untuk menyimpan perubahan.
Sedangkan pada penggunaan Microsoft Office Picture Manager gambar yang di kompress cenderung turun drastis kualitasnya terutama jika gambar original dimensi dan ukuranya kecil. Karena program ini memang terbatas dan hanya di gunakan sebagai pendukung Microsoft Office saja.
Sekian dulu sobat, semoga artikel ini bermanfaat dan berkah pada bulan Ramadhan ini. Amiin.
Baca juga : Cara Mengoptimalkan Gambar Untuk Desain Terbaik & SEO
Sumber gambar: Pexels
Saya disini menggunakan gambar JPEG dengan dimensi 6000 x 4000 dan ukuran 1.39 MB.
Pada window save for web, Anda bisa memilih format yang akan di simpan nanti baik JPG, PNG atau GIF. Untuk JPEG sendiri memiliki beberapa pilihan kualitas dari Low, Medium, High, Very High dan Maximum.
Di sebelah kanannya terdapat kotak Quality yang bisa di atur sesuai kebutuhan. Kemudian untuk mengatur dimensi gambar ada bagian bawah kanan pada kotak Image Size.
Anda juga dapat melihat hasil kompres gambar pada browser melalui tombol Preview sebelum di simpan nantinya.
Untuk menyimpan gambar yang sudah di setting, klik tombol Save pada bagian bawah kanan dan berikut hasil percobaan saya pada gambar di atas.
 |
| Gambar kualitas tinggi |
Dimensi: 400 x 267 px
Kualits: tinggi
Ukuran: 29.2 kb
 |
| Gambar kualitas medium |
Kualitas: Medium
Dimensi: 400 x 267 px
Ukuran file: 14.7 kb
 |
| Gambar kualitas rendah |
Kualitas: low/rendah
Dimensi: 400 x 267 px
Ukuran: 9.23 kb
Menurut saya kualitas dan tingkat optimize ukuran filenya tidak kalah dengan program online yang banyak di internet.
Selain menggunakan Photoshop, Anda juga bisa menggunakan Microsoft office Picture Manager untuk mengedit gambar atau foto secara offline.
Compress Gambar dengan Microsoft Office Picture Manager
Caranya buka gambar dengan Microsoft Office Picture Manager > Pilih Edit Pictures > Klik Resize/Compress Pictures.
Pada menu Resize pilih Predefined width x height kemudian pilih ukuran dimensi yang diinginkan. Jika sudah klik tombol OK lalu klik lagi icon save untuk menyimpan perubahan.
Kesimpulan
Pada optimasi gambar dengan Photoshop leih maksimal hasilnya, karena ukuran, dimensi, format gambar, dan lainya dapat di atur sesuai keinginan dan penurunan kualitas gambar tidak begitu jauh gambar original.Sedangkan pada penggunaan Microsoft Office Picture Manager gambar yang di kompress cenderung turun drastis kualitasnya terutama jika gambar original dimensi dan ukuranya kecil. Karena program ini memang terbatas dan hanya di gunakan sebagai pendukung Microsoft Office saja.
Sekian dulu sobat, semoga artikel ini bermanfaat dan berkah pada bulan Ramadhan ini. Amiin.
Baca juga : Cara Mengoptimalkan Gambar Untuk Desain Terbaik & SEO
Sumber gambar: Pexels
EmoticonEmoticon