Posted on 19 Dec 2009 by zaM

Membuat Background Twitter: Hal-hal yang Perlu Diketahui

Salah satu yang bisa kita kostumasi di website twitter adalah tampilan. Kita bisa merubah warna link, warna huruf, warna sidebar, warna garis pembatas sidebar, dan yang terpenting adalah kita bisa mengganti warna dan gambar background. Background twitter membuat tampilan menjadi lebih dinamis dan tidak membosankan, melalui background kita juga bisa menampilkan pesan tambahan (misalnya profil singkat), dan branding (logo, tagline, dst) jasa atau produk kita.

Background twitter sifatnya fixed (tidak bergerak saat scroller browser digeser), dan posisinya menempel pada bagian pojok kiri atas browser. Sedangkan bagian konten utama twitter terletak tepat di tengah browser, dengan ukuran lebar 763 pixel. Background akan terlihat menyesuaikan ukuran browser, karena itu kita perlu mengetahui bebeberapa batasan ukuran dan jenis gambar sebelum kita membuatnya. Setidaknya untuk saat ini ada empat jenis background twitter: background profil, background satu gambar penuh, background gradasi, dan background gambar berulang (texture / pattern).

1. background profil
   background profil biasanya berisi mengenai biografi singkat, foto diri, dan beberapa link seperti personal website, email dan alamat jejaring sosial. Tetapi semua link tersebut tidak bisa di-klik, karena hanya sebuah background. Biasanya tempat profil ini di sebelah kiri backgound, kadang ada juga yang ditempatkan di sebelah kanan background tetapi kurang lazim, karena tidak akan terlihat dalam beberapa perbedaan ukuran resolusi layar.
   

   from balkhis

2. background satu gambar penuh
   background satu gambar penuh biasanya foto, atau gambar artwork yang berukuran besar memenuhi layar browser. Gambar besar ini akan terlihat bergeser sesuai ukuran resolusi layar, karena bagian tengah tertutupi area utama twitter, sedangkan background tidak bisa center.
   

   from balkhis

3. background gambar pojok kiri atas
   background gambar pojok kiri ini lebih aman karena gambar tidak harus memenuhi layar browser, cukup di bagian pojok kiri atas saja, biasanya bisa berisi profil, atau gambar objek atau permainan gradasi warna. Karena gambar tidak penuh, maka pada bagian kanan dan bawah gambar harus memiliki warna yang sama dengan warna background twitter, agar terlihat menyatu.
   

   from balkhis

4. background gambar berulang (texture / pattern)
   background gambar berulang biasanya cukup menggunakan gambar kecil, lalu gambar tersebut di-load ulang horizontal maupun vertikal (dengan mengaktifkan option “tile”) Sehingga gambar memenuhi background sebagai pattern. Contoh pattern bisa dilihat disini,
   

   from flickr

Ukuran Optimal
Ukuran optimal background bisa dilihat di resolusi 1280×1024 pixel. Di resolusi ini setidaknya ada ruang di bagian kanan dan dikiri area utama, masing-masing berukuran 250 pixel.

Ukuran minimal
setidaknya background minimal bisa terlihat bagus di resolusi layar 1024×768 pixel.

Ukuran Maksimal
ukuran maksimal gambar bisa di ukuran layar 1600×1200 pixel, atau kalau ingin lebih besar bisa membuat ukuran 1920×1200 pixel atau bisa lebih besar lagi sampai 2560×1600 pixel tidak lebih dari itu.

Branding
jika ingin menampilkan logo di background, ukuran lebar logo kurang dari 122 pixel bisa terlihat aman di resolusi 1024×768 pixel, tapi ukuran itu akan terlihat kecil di resolusi yang lebih besar, ukuran lebar logo kurang dari 212 pixel terlihat cukup di single post twitter (di resolusi 1024×768 pixel) juga terlihat cukup di halaman profil (di resolusi 1280 pixel keatas).
Jarak dengan bagian top bisa menggunakan 10-12 pixel (sejajar dengan logo twitter) atau menggunakan jarak 66 pixel (sejajar dengan area utama twitter). Jika menggunakan text di background sebaiknya memakai ukuran font agak besar, karena sebagai gambar, font akan berkurang kualitas ketajamannya.

Ukuran file
gambar background dengan ukuran dibawah 100 KB akan lebih cepat ditampilkan, ukuran 300 – 400 KB sudah cukup berat, jika memang mengharuskan gambar besar, jangan sampai melewati 800 KB.

Jenis format File
Twitter menerima: format file GIF, JPG, dan PNG

Cara Mengganti Background Twitter
silahkan cek disini

*adaptasi bebas dari 99designs