Tak Berkategori

Blog 2011: Ukuran, Tata Letak, Konten, Format Gambar di Blog

Gambar ideal blog seperti apa? Entahlah. Posting berseri “Blog 2011″ adalah membangun ketrampilan manipulasi gambar di tingkat dasar dengan mengoperasikan tombol [Ctrl] [C]-[S]-[T]-[V]-[Y]-[Z], [Shift] [C], dan [F12] di Irfanview. Soal gambar ideal belum disinggung.

Gambar ideal tidak ada. Ada juga ukurantata letak, konten, format gambar, itu pun tidak ideal. Asyik, kalau begitu semua orang bisa dong. Tak harus jadi ahli fotografi untuk bisa membuat gambar yang bagus di blog. Sip!

Ukuran & Tata Letak

Buka satu gambar sembarang di Irfanview. Tekan [Ctrl] [C]; ada 2 kelompok submenu di sana,
(1) Set ratio … dan (2) Selection … . Dulu kita pakai submenu (2), sekarang submenu (1). Di sana ada fasilitas crop lebar : tinggi = 1:1, 2:1, 3:2, 4:3, 5:4, 16:9, 16:10 (dan kebalikan). Bingung, pilih mana?

Bebas ‘aja.

Ukuran dan tata letak saling terkait. Ukuran gambar diatur sehingga komposisi posting secara keseluruhan berimbang, tidak tampak berat sebelah. Lebar piksel untuk blog cukup sekitar 180-360 piksel, untuk tinggi bergantung pilihan rasio.

Gambar artikel di atas, rasio foto Obama adalah 4:3 (kiri) dan 3:2 (kanan); lebar sama, tinggi berbeda. Bobot ruang foto dan ruang teks ’50-50′. Mana lebih bagus? Di kanan ada sedikit ruang untuk ber”napas”, di kiri terkesan “berat”, padat, berdesakan. (Pilih kanan, setuju?)

Konten & Format

Konten di sini maksudnya bagian gambar atau foto yang akan kita cuplik dan pasang di blog. Tidak semua harus dimasukkan; cari bagian foto yang dianggap paling menarik perhatian kita (masih ingat istilah ‘eye catching?‘).  Untuk manusia atau hewan konten mencolok adalah mata; bukan manusia atau hewan bisa akar pohon, tekstur tembok, pusaran air, dan seterusnya.

Crop konten gambar

Foto Obama pun demikian. Buka foto Obama di Irfanview (Gambar-1 di bawah, 220 x 299 piksel). Bentuk foto “berdiri” (potrait), untuk blog kita perlu yang “tidur” (landscape). Gambar kita crop. Tekan [Shift] [C]. Tentukan sendiri lebar Width crop misalnya 190 piksel (lebar maksimum 220 piksel tentu saja boleh dipakai). Klik [3:2]. Tinggi atau Height, akan terisi sendiri.

Jangan lupa tindakan pengamanan.. klik [Save values and exit].

Lakukan cropping:

  • Gambar-1: gambar asli Obama.
  • Gambar-2: [Shift] [C]. [Enter], klik mouse kanan, tahan, seret kotak ke wajah Obama.
  • Gambar-3: bayangkan di dalam pikiran kotak terbagi 9. Tepatkan satu garis horisontal di mata, satu garis vertikal di antara mata.
  • Gambar-4: [Ctrl] [Y]. Crop! Jadi dan simpan. Gambar Obama siap dipasang di blog.

Eksperimen: cobalah crop rasio [4:3].

Format berkas gambar

Gambar di atas mengambil format kompromi antara ukuran berkas kecil (.jpg)* dan ketajaman (.png) agar loading laman cepat dengan ponsel sekalipun. Aturan mudah, upayakan ukuran total berkas gambar tidak melebihi 100 kB. Contoh di atas, total 98 kB. (Tebak mana .jpg dan .png, ada 2 masing-masing.)

(*.jpg “tajam” kalau disave dengan kualitas 100%; berkas menjadi seperti .png, besar.)

FAQ

  1. Ukuran crop tetap, konten gambar Obama bisa lebih banyak?
    Perkecil gambar. Dalam kasus gambar kita di atas, diperkecil hingga sama dengan lebar crop (190 piksel). Caranya: [Ctrl] [R], isi kotak Width = 190, [Enter]. R = resize.
  2. Apakah obyek pokok selalu harus dipinggir, tidak boleh di tengah?
    Kebiasaan menempatkan obyek selalu di tengah ruang gambar, tidak dianjurkan. Gambar/foto kaku, “mati” (statis), kurang hidup. Lihat bahasan di Wikipedia, “Rule-of-thirds”, dan periksa menu [Edit]-[Show Selection Grid] Irfanview. Inilah aturan “sepertiga” dunia fotografi yang akan kita terapkan bagi gambar di blog.
  3. Kapan dipakai perbandingan 1:2, 2:3, 3:4, 4:5, 9:16, 10:16?
    Untuk obyek ‘tinggi’ seperti orang berdiri, pohon, bintang dan bumi, … . Istilah bentuk gambar memanjang (ke atas!) adalah potrait (potret); bentuk melebar ke samping disebut landscape (pemandangan). Cropping potrait tidak dibahas, untuk eksperimen saja oke.
  4. Apa kegunaan isian di kotak ‘DPI‘?
    DPI kependekan “dots-per-inch”; informasi ini diperlukan kalau kita ingin mencetak atau print gambarnya. Karena kita tidak berniat mencetak biarkan kotak kosong.
  5. Bagaimana cara membuat Gambar-4?
    • (1)  Buka foto Obama utuh di Irfanview, [Ctrl] [H]
      (2)  Lingkupi wajah Obama dengan kotak crop (jangan crop alias [Ctrl] [Y])
      (3)  [Ctrl] [C], [Shift] [C], [Save values and exit] (pengamanan)
      (4)  Klik di luar kotak (kotak crop hilang)
      (5)  [Ctrl] [G], foto Obama keabuan. G = gray, abu-abu.
      (7)  [Shift] [G], geser tombol ‘Brightness’ & ‘Gamma correction’ (sampai pucat)
      (8)  [Shift] [C], [Enter], muncul kotak pas di tempat tadi
      (9)  [Ctrl] [V], horee.. gambar jadi!
  6. Bagaimana cara membuat gambar artikel Obama di atas?
    He.he.. buat latihan. Tips & tricks: pakai Powerpoint, gampang, cepat. Untuk teks pengisi, salin dari Wikipedia, “Lorem ipsum” (pendek) atau Wikisource (panjang).

Latihan: foto Obama atau dari sumbernya, Wikipedia, “Digital photography”.

:D  selalu berupaya meningkatkan kualitas blog lebih baik, klik ‘Suka’ dong

4 thoughts on “Blog 2011: Ukuran, Tata Letak, Konten, Format Gambar di Blog

Ditunggu komentarnya... ('like' ikutan dong)

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s