Untuk mendapatkan space iklan dihalaman ini silahkan hubungi owner Blog Design, Kami akan secepatnya merespon dan mempertimbangkan letak dari iklan text dan banner anda...

Thursday, June 13, 2013

Cara memperkecil ukuran gambar blog

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="http://1.bp.blogspot.com/-jWuA8oFyjkY/Ua5DYIbDnJI/AAAAAAAABUU/v2zhMOfwxU4/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. 
open file

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

image ke dua 

    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.

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Me

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter
Di posting oleh : Rivai Silaban Update pada : 5:32 PM

2 comments :

  1. MKSH GAN ...SANGAT MEMBANTU JIKA BERKNAN TOLONG KUNJUNGI BLOG SAYA SOALNYA AMBURADUL TLG ADVISENYA
    acuk37.blogspot.com

    ReplyDelete
    Replies
    1. blognya masih berantakan mas, saran saya ganti template saja mas..

      Delete

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email " untuk membangun kreatifitas blog ini
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Untuk mengajukan pertanyaan diluar postingan diatas, silahkan klik " Forum Diskusi "
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "
8. Komentar yang mengandung code tag HTML, konversikan terlebih dulu silahkan klik " Konversi Kode "

Salam bloger .. !!
Pergunakan semua fasilitas di Blog ini untuk mempermudah anda..
Konversi Kode Forum Diskusi Join to Blog