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.

contoh cara memperkecil gambar pada blog

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%” />

contoh cara memperkecil gambar pada blog

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″ />

contoh cara memperkecil gambar pada blog

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″ />

contoh cara memperbesar gambar pada blog

Semoga bermanfaat.
.

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

Anda belum menemukan apa yang anda cari?
Coba mencarinya lebih jauh di aimyaya dengan dukungan google
 

 

 

 

Related posts

Tags: car memperkecil, cara cepat, cara loading, cara membuat, cara memperbesar, cara menampilkan, cara menggunakan, gambar blog

5 Respon untuk Cara Memperkecil dan Memperbesar Tampilan Gambar Pada Blog

  1. sentuhan ajaib berkata:

    Bos yang belum sy tau tentang memperkecil ukuran video, agar bisa masuk dalam kolom pada blog.
    terima kasih

  2. fresshomes berkata:

    makasih gan infonya,kalau memperbesar kecil tampilan blog gimana..punyaku lebar blog cuma kecil pengen tak buat lebih gede

  3. horee berkata:

    anak kecil aja tau

  4. on the 7 berkata:

    gan, kalau mau muncul gambar di halaman depan gmna gan ?

  5. Niharika berkata:

    makasih gan infnoya,kalau memperbesar kecil tampilan blog gimana..punyaku lebar blog cuma kecil pengen tak buat lebih gede