Tips Memperkecil Ukuran File Gambar dengan Photoshop

Bagi Anda Sobat desainer web atau apapun pekerjaan Anda yang bergelut dengan olah file gambar, pasti pernah menemukan masalah dengan bagaimana caranya supaya image yang dihasilkan secara ukuran dapat diperkecil tapi tanpa mengurangi kualitas gambar. Sebenarnya banyak pula program aplikasi yg khusus memperkecil ukuran file image ini seperti VSO image resizer, namun tetap saja kadang tak sesuai dengan keinginan. Bagi Sobat yg sudah akrab dengan Photoshop mungkin tidak akan aneh dengan tips yg akan saya berikan ini. Namun tiada salahnya jika saya bahas lagi di sini. Ada dua cara yg bisa dilakukan untuk memperkecil ukuran image tanpa mengurangi kualitas gambar ini, Pertama:

1. Kenali jenis file image yg akan di save, karena menurut saya semakin besar ukuran (dimensi) image maka output image yg paling optimal adalah .jpg (JPEG). Sementara semakin kecil dimensi image, maka output file yg paling baik adalah PNG atau GIF.
2. Tinggalkan cara lama Saving file dengan Save As,
3. Gunakan Saving file dengan Save for Web atau dengan menekan Ctrl + Alt + Shift + S
4. Setelah itu akan muncul windows baru, dan dari situ sobat bisa customize output filetype dan filesize dengan lebih banyak pilihan dan tentukan kualitas gambar yang Sobat inginkan, dengan output filesize yg bisa di minimalizer tentunya.

Ketahui pula Memperkecil Ukuran Gambar Sekaligus di Android dan PC
Kedua, untuk saving image transparent, kualitas image terbaik adalah PNG. Namun, karena semakin baik kualitas image ini maka akan semakin besar pula size outputnya. Nah untuk itu, ada trik yang bisa dilakukan yaitu dengan menambahkan “color-matting” sesuai dengan background di mana gambar itu akan di simpan. Mari perhatikan dan bandingkan 2 gambar di bawah ini (Jika sobat mengakses dari ponsel, switch dulu ke tampilan web untuk tampilan sempurna, klik linknya di bawah):

Pure transparent, size 28.55Kb

With Matting, size 5.18Kb

Tidak tampak perbedaan yang berarti bukan?! Padahal keduanya menggunakan tehnik yang berbeda. Gambar pertama menggunakan image yang betul-betul transparent (PNG 24), sementara gambar kedua menggunakan PNG 8 dengan menambahkan matte color sesuai background-nya (#980001). Walhasil, output yang dihasilkanpun bisa 5x lebih kecil dari pada menggunakan pure transparent. Adapun caranya mudah, ketika Sobat hendak saving file, gunakan saja output file yg lebih kecil. Misalnya gunakan giff 128 atau 64 atau PNG 8 ini, namun tambahkan color matting pada option di “tab-matting” sesuai dengan warna backround-nya.
Cara seperti ini juga berguna sekali bagi Sobat designer web untuk membuat image sprite. Kita tahu bahwa image sprite idealnya menggunakan format gambar PNG transparent dengan ukuran cenderung besar. Maka dengan menggabungkan teknik ini, ukuran image dapat diperkecil sehingga loading image background halaman website akan menjadi jauh lebih cepat. Adapun cara membuat image sprite ini silahkan disimak pada Cara Praktis Membuat dan Menggunakan Image dalam CSS Sprite. OK, mudah bukan?!!
Lain halnya untuk memperkecil gambar bergerak atau animasi yang biasanya berekstensi gif, cara ini kurang efektif. Namun solusinya kita masih dapat menggunakan sodaranya Photoshop yaitu Adobe Image Ready. Silahkan temukan caranya pada Memperkecil Ukuran Gambar gif.Selamat Mencoba 😀
Update: Selain cara di atas, Anda juga dapat menggunakan software File Optimizer untuk memperkecil ukuran gambar, silahka baca review dan dapatkan filenya pada artikel File Optimizer Software Unik Mengoptimalkan Berbagai Jenis Data.