Cara mengecilkan gambar menggunakan photoshop

Posted on July 27th, 2009 in tips & trik

Untuk menghemat bandwidth hosting salah satu caranya adalah dengan mengecilkan ukuran, kualitas gambar. Diperlukan program bantu seperti Adobe Photoshop untuk mengecilkannya.

Photoshop adalah aplikasi grafis berbasi bitmap, banyak website desainer menggunakan photoshop untuk mempercantik tampilan dari websitenya.

File gambar yang berasosiasi dengan aplikasi gambar photoshop adalah JPG, GIF, PNG, TIF, BMP, PSD, PDF dll.

Silakan anda jalankan aplikasi photoshopnya.

Buka file gambar dengan mengakses menu File > Open atau Ctrl+O

Lalu cari file gambar website Anda. Dibawah ini tampilan saat gambar di buka menggunakan program photoshop.

file-web

Pada gambar diatas kami beri kotak merah untuk anda perhatikan besar dari file yang anda buka. File garden.jpg baru di zoom dengan aplikasi photoshop ini baru 66.7% artinya file tersebut masih bisa dilihat dalam ukuran 100% dan tentunya file gambar tersebut masih berukuran besar.

Untuk mengecilkan ukuran gambar diatas silakan akses Menu Images > Image Size atau Alt+Ctrl+I

image-size

image-size2

Dari tampilan diatas dapat kita ketahui dimensi dari file gambar garden.jpg adalah

Width: 1024px, Height: 768px

Sebelum kita mengecilkan ukuran gambar tersebut kita juga harus tahu bahwa pada umumnya pengguna komputer memiliki layar monitor berdimensi Width: 1024px, Height: 768px, jadi anda tidak perlu menyimpan gambar di dalam website anda dengan ukuran tersebut.

Jika anda membuat website dengan 2 kolom, kolom pertama biasa diisi dengan konten dengan ukuran width/lebar 600pixel, dan kolom kedua untuk navigasi sebesar 200pixel jadi total lebar web anda adalah 800pixel.

File gambar akan anda simpan pada kolom pertama maka ukurang lembar gambar yang cocok adalah kurang dari 600pixel atau kurang misalkan 550pixel. Gambar akan tampak bagus dengan ukuran tersebut.

OK, jika ukurang 550 sudah cukup, masukkan angka 550 pada gambar diatas untuk mengecilkan gambarnya. Untuk height tidak perlu anda ganti karena otomatis akan menyesuaikan ukurannya. > Klik OK.

Kita simpan hasilnya dengan mengakses menu file > Save For Web

save-for-web