Cara Memperkecil dan Memperbesar Tampilan Gambar Pada Blog

Biasanya kita menggunakan gambar untuk memperindah atau mungkin menerangkan isi dari
konten blog kita. Tidak jarang gambar yang sudah kita buat berukuran
lumayan besar padahal kita ingin agar gambar tersebut dapat diperkecil
agar tidak memakan tempat dan sesuai dengan artikel kita.


Sebenarnya fasilitas untuk mengatur baik memperkecil dan memperbesar
tampilan gambar sudah disediakan dalam tag html img. Kita tinggal
mengatur seberapa besar gambar yang ingin kita tayangkan melalui atribut
dari tag img. Format /sintaks img tersebut bentuknya sebagai berikut :


<img src=”http://lokasi_dan_namafile” alt=”nama /deskripsi bila file gagal ditampilkan” width=”lebar” height=”tinggi”  />


sebagai contoh gambar di bawah ini merupakan gambar asli yang belum diubah-ubah.





Sedangkan gambar dibawah ini merupakan gambar yang sama dengan
perubahan pada atribut tag img dengan ukuran lebar dan panjangnya hanya
20% dari ukuran sebenarnya


<img src=”http://aimyaya.com/images/youtube.jpg”
alt=”contoh cara memperkecil gambar pada blog” width=”20%” height=”20%”
/>





Gambar ini merupakan gambar yang sama dengan perubahan hanya pada lebarnya saja


<img src=”http://aimyaya.com/images/youtube.jpg”
alt=”contoh cara memperkecil gambar pada blog” width=”600″ height=”110″
/>





Sedangkan pada gambar di bawah ini contoh untuk memperbesar tampilan
gambar dengan ukuran panjang dan lebar diperbesari menjadi dua kalipat
dari ukuran semula.


<img src=”http://aimyaya.com/images/youtube.jpg”
alt=”contoh cara memperbesar gambar pada blog” width=”480″ height=”220″
/>





Semoga bermanfaat.

.