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 untukmemperkecil
ukuran image tanpa mengurangi kualitas gambar ini, Pertama:
- 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.
- Tinggalkan
cara lama Saving file dengan Save As,
- Gunakan
Saving file dengan Save for Web atau dengan menekan Ctrl
+ Alt + Shift + S
- 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.
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):
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 :D
Sumber: Google
