Cara memperkecil ukuran gambar blog dengan Photoshop

Image atau gambar sangat erat hubungannya dengan sebuah halaman web ataupun blog, baik itu designnya postnya dan sebagainya pasti berurusan dengan gambar. Banyaknya gambar suatu blog dan besarnya ukurannya sangat mempengaruhi loding blog. Format gambar pada halaman web atau blog biasanya GIF, JPEG, PNG. Format gambar inilah yang paling sering digunakan dalam aplikasi web ataupun blog. Akibat fungsi gambar sangat berpengaruh sehingga pada postingan saya kali ini, saya berharap para sobat sobat bloger dapat lebih menguasai tehnik untuk mengecilkan ukuran suatu gambar dalam halaman web ataupun blog.

Pada dasarnya memperkecil ukuran gambar dalam judul postingan kali ini bukanlah untuk mengecilkan panjang x lebar gambar tersebut melainkan memperkecil ukuran bite dari warna gambar tersebut. Dalam hal ini sistem perubahan sebuah warna yang paling ditonjolkan dalam hal ini, dimana suatu gambar itu mempunyai bite yang besar disebabkan banyaknya element pewarnaan dalam suatu gambar. Memang warnalah yang mempercantik sebuah gambar. Dan untuk mewujudkan hal itu banyak software yang mampu untuk menangani itu, dan untuk tutorial kali ini saya memakai photoshop dalam tutorial ini, sebab saya yakin software yang satu ini pasti sudah anda kenal.

Sistem pengcodean suatu gambar dalam tag HTML Valid HTML 5, dimana setelah code pengenal gambar ( <img ) baru diteruskan dengan code alternatip ( alt ) baru suatu pencarian alamat hyper text dari gambar yang tersimpan ( src=".......gif" ). Ukuran panjang x lebar ditetapkan sebagai penentu gambar. Long Description suatu gambar boleh dimuat atau tidak tergantung pemakaian ( longdesc="......." ). Untuk menunjukkan suatu gambar yang valid dan terdaftar harus mempunyai nama/judul, sehingga dalam pengcodeannya dapat kita buat dalam akhir code ( title="...." ). untuk sebagai penutup kita memakai ( / ) agar semua code tag html yang berada setelah code tag html tersebut tidak terbaca sebagai image/gambar. Lihat contoh code tag html dibawah ini dalam hal menangani pemanggilan code gambar/image.

<img alt="awal feedburner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrz3_4GOhLRh4QmLMkEdYLbjAXsfc3kYzHwh84JUFINZqiLKGo2zXkmeJM7R5Y0c7skLww0_9sI2hMez6Wumc1GR7bj7THT5Kw5nEgj0kt8Qw6bWC2tXwQ5Yvx1-NLQPoGrgzg8bHXsEI/s1600/awal.gif" width="427" height="759" longdesc="Halaman awal feedburner" title="Tahap pembuatan feedburner"/> 

Tutorial memperkecil bite gambar dengan Software Photoshop 

 

• Buka aplikasi photoshop anda, selanjutnya buka gambar yang akan anda kecilkan bitenya. Setelah anda buka, editlah sesuai dengan keperluan anda.
• Setelah anda edit, untuk menyimpan gambar tersebut silahkan klik 'File' yang berada disebelah kiri atas halaman.
• Pilih 'Save for web' atau [ Alt + Shift + Ctrl + S ] pada keyboard anda. Lihat seperti screen shot dibawah ini. 

Setelah anda klik 'save for web' sekarang anda lanjut kehalaman untuk editing image tersebut dalam bentuk format yang anda sukai. Lihat gambar dibawah ini.

 

Tahap 1
Preset : Anda dapat memlih file format sesuai dengan kebutuhan anda
GIF : Format Gambar
Selective, Diffungsi, lossy,Matte sesuaikan dengan gambar anda.
Color : Semakin anda perbessr jumlahnya semakin besar bitenya ( Ukuran ) begitu juga dengan sebaliknya.
No transparancy : Transparan dan tidak transparan
Color Table : Hasil warna gambar anda.

Tahap 2
Setelah anda sesuaikan semua silahkan anda lihat angka yang berada disebelah kiri bawah halaman anda ukuran dari bite gambar anda, lihat gambar seperti tahap 2 diatas. Format GiF ukuran 9,462K ( ukuran kilo bite gambar ) , Loding SRC 4 sec @ 28,8 Kbps.
Setiap anda edit colornya, ukuran bite ini akan berubah ubah.

Tahap 3
Setelah anda sudah yaki dengan ukuran yang anda edit silahkan pilih 'SAVE'

Simpanlah gambar anda pada folder yang telah anda sediakan untuk lebih mudah mengambilnya untuk di Upload ke server hosting web ataupun blog anda.

Semoga tutorial ini dapat bermanfaat buat anda, terimakasih atas kunjungannya salam bloger. Bila ada yang anda belum mengerti silahkan ajukan pertanyaan melalui form komentar dibawah.