March 6, 2014

Ukuran Foto yang Benar untuk Blog/Website

March 6, 2014

upload foto gambar blog
Cara Menambahkan foto, gambar, ilustrasi, atau image SEO Friendly di Posting Blog.

BANYAK blogger pemula "asal" upload foto, image, atau gambar tanpa edit dulu. Foto hasil jepretan kamera, langsung diupload tanpa diedit dulu.

Akibatnya, tampilan foto jadi error dan loading blog "dipastikan" lelet banget! Slow loading!

Jadi, bagaimana Ukuran Foto yang Benar untuk Blog/Website?

Ukuran foto yang benar dan terbaik untuk blog/website adalah menyesuaikan dengan ukuran foto yang akan atau bisa muncul postingan atau di blog.

Jika "lahan" foto ukurannya 600x600 pixel, misalnya, maka ukuran foto/gambar/image yang terbaik adalah 600x600 pixel.

Setidaknya, itulah yang dikatakan Insquare Media dalam postingnya tentang ukuran image yang benar untuk website.

Unless there's a reason that visitors to your website need access to a full sized image, the image you upload should be somewhere close to the size it's going to be displayed on screen - if I want an image to be the width of this article, 600px (pixels) wide will be about right, so that's what I upload.

Kecuali ada alasan bahwa pengunjung website Anda memerlukan akses ke image ukuran penuh, image yang Anda upload mestinya sama atau mendekati ukuran yang akan muncul di layar.

Jika Anda akan menampilkannya seukuran 600 px (pixel), maka gambar yang diupload juga harus seukuran itu.

O iya, untuk blogger, ada ukuran maksimum lho!

Ukuran foto maksimum untuk blogger yaitu 1.600 pixel. Tapi yang tampil di blog/layar tentu tidak sebesar itu.

Wong text area blog rata-rata cuma 600-an pixel kok! kalaupun FULL, paling di kisaran 1600 pixel itu atau selebar layar monitor.

Cara Edit Foto Untuk Blog

Banyak cara dan software untuk edit foto/gambar sebelum diupload ke blog. Salah satunya yang disediakan MS Office, yaitu Microsoft Office Picture Manager.

Coba buka folder foto Anda, lalu klik kanan, dan pilih "Open With Microsoft Office Picture Manager". Akan muncul "penampakan" seperti ini:



Klik Edit Picture > Size.

Maka akan muncul pilihan ukuran otomatis di kiri atas monitor. Di sana kita dikasih tau ukuran foto untuk web/blog itu ada dua macam: 640 pixel dan 448 pixel. Nah, pake itu saja!

Tapi kalo yang mau dimunculkan hanya 300 pixel, maka ubah saja ukuran fotonya menjadi 300 pixel, tidak kurang tidak lebih!

Judul dan Teks Alternatif

Satu hal lagi, setelah ukuran foto diedit, edit pula nama file fotonya. Yang tadinya IMG.JPG atau DSCN.IMG misalnya, ubah menjadi --misalnya-- pemandangan.jpg atau menulis.jpg, sesuai dengan keadaan foto dan relevan dengan judul, topik, atau kata kunci postingan blog.

Selain itu, setelah upload, jangan lupa "klik" foto yang sudah diupload, lalu klik "Properties". Isi tuh kolom "title" dan "alt text". Anda bisa mengisinya dengan copas judul posting.

Judul dan Teks Alternatif Gambar

Demikian ulasan tenntang ukuran foto atau gambar yang benar untuk blog atau website. Edit dulu ya nama file dan ukuran gambarnya, baru pasang

Good luck & Happy Blogging! (www.contohblog.com).*

Previous
« Prev Post
Author Image

Romeltea

Recommended Posts

Related Posts

Show comments
Hide comments

36 comments on Ukuran Foto yang Benar untuk Blog/Website

  1. wah makasih gan atas sharenya,,, jadi nambah ilmu nih,, hehehe...

    ReplyDelete
  2. wah thanks mas infonya

    ReplyDelete
  3. saya juga asal upload saja makasih ya

    ReplyDelete
  4. wah bisa juga tuh langsung dicoba
    thanks atas sharenya

    ReplyDelete
  5. baru tahu mas, terima kasih infonya

    ReplyDelete
  6. wah mantap gan manfaat nih thanks yah

    ReplyDelete
  7. boss bagai mana cara upload foto di goole web,menggunakan blogger ..???

    ReplyDelete
    Replies
    1. Login ke blogger/gmail, lalu buka: http://picasaweb.google.com

      Delete
  8. he,he,he, baru tau saya
    thaks banya bro..

    ReplyDelete
  9. Untuk berat gambar tersebut berapaan ya mas? Mungkin di bawah 50 kb? Lagi pula, semua image yang ada di artikel blog saya rata-rata di bawah 13 kb, berkisaran 5 kb ke atas dan 13 kb ke bawah.

    ReplyDelete
    Replies
    1. sekecil mungkin kalo ngejar fast loading... kalo ngejar index Google sebesar mungkin :)

      Delete
    2. Sebesar mungkin malah memberatkan blog. Sedangkan blog berat tidak friendly. Serba salah duh gusti allah :(

      Delete
    3. Boleh minta sumber informasinya kaga mas? :D

      Delete
    4. klik link di alinea ke-3

      Delete
    5. Makasih banyak mas :D

      Delete
  10. banyak ilmu disini,,,makasih sharingnya.. :)

    ReplyDelete
  11. makasih mas ilmunya cocok untuk pemula seperti Saya

    ReplyDelete
  12. Mengutip kalimat mas "Ukuran foto yang benar dan terbaik untuk blog/website adalah menyesuaikan dengan ukuran foto yang akan atau bisa muncul postingan atau di blog."... terus gimana cara mengecek berapa ukuran foto yang dimunculkan...?
    makasih

    ReplyDelete
    Replies
    1. lihat ukuran lebar dan tinggi area / space yang tersedia. untuk blogger main area rata-rata 600-an pixel, ukuran foto full 600 pixel juga, kalau setengahnya 300pixel, contoh foto ilustrasi di atas lebarnya 314 pixel

      Delete
  13. Wah terima kasih banyak, bermanfaat infonya

    saya baru tau bisa begini ternyata cara ngepasin ukuran gambar di web

    ReplyDelete
  14. nice infonya mas admin, mungkin kalo di resize mungkin di buat lebih kecil fotonya agar enggak membuat lelet blog kita, apalagi kalo membuat gambar blog yang disimpan di sidebar
    tentunya akan membuat blog kita loading nya lama

    salam kenal mas ijin ya baca baca dari saya bunda mia

    ReplyDelete
  15. wah makasih mas ilmunya bermanfaat,foto saya memberatkan loading blog

    ReplyDelete
  16. mantul pisan, saya banyak belajar dari CB...TENKYOU CB

    ReplyDelete
  17. Makasih infonya gan...
    Berguna sekali buat saya,,,

    ReplyDelete
  18. Thanks banget infonya ya, oh ia cara menyimpan tag dipostingan seperti postingan ini gimana ya? Apa itu bawaan template?

    ReplyDelete
    Replies
    1. Iya, tag bawaan template yang dimodifikasi

      Delete

Contact Form

Name

Email *

Message *