Anda menatap monitor menunggu gambar website yang di akses muncul. Gambar akhirnya dapat dilihat tetapi sayang pada ujung dan sudut setiap gambar tampak buram. Anda mengunjungi website lain tapi tidak dapat membaca teks pada halaman website tersebut dikarenakan backgroundnya yang gelap. Di halaman selanjutnya ada gambar animasi yang tak kenal lelah bergerak. Pada halaman terakhir terdapat gambar yang terlink ke halaman lain, Anda klik linknya, tapi tidak membawa anda kemana-mana. Akhirnya Anda meninggalkan website tersebut dalam keadaan frustasi.
Gambar merupakan bahan penting untuk desain Web Site. Dengan gambar Anda ingin pengunjung memiliki pengalaman yg menyenangkan. Jadi, mempersiapkan gambar dengan baik adalah penting untuk meningkatkan tampilan website Anda. Berikut kami jelaskan:
1. Kapan kita menggunakan gambar pada website?
2. Format file gambar apa yang harus kita gunakan di Web?
Kapan menggunakan gambar pada website untuk keperluan navigasi
Tombol grafis dapat membuat link ke halaman lain. Berikut ini adalah penjelasan penggunaan grafis sebagai link.
Image Maps – adalah gambar yang berisi beberapa link di dalamnya. Memiliki beberapa “hot spot” atau tombol yang tidak kelihatan, tapi anda dapat mengkliknya.
Misalnya Anda dapat memiliki sebuah foto keluarga, Anda menempatkan hot spot/link pada setiap wajah, jika anda klik wajah dari salah satu yang ada dalam gambar maka anda akan dihubungkan ke website masing-masing orang.
Logos and Trademarks – Trademark bagi bisnis atau organisasi sangatlah penting, khususnya untuk pengakuan dan branding.
Thumbnails – adalah gambar dalam ukuran kecil atau preview. Bila gambar thumbnail di klik, Anda akan diarahkan langsung ke halaman lain dengan versi gambar yang lebih besar. Pengunjung dapat melihat berbagai foto kecil di halaman pertama tanpa harus menunggu file gambar yang lebih besar untuk memuat.
Apa perbedaan format file gambar?
Grafis web dapat dikategorikan ke dalam dua format file: bitmap dan vektor.
Bitmap – adalah representasi dari citra grafis yang terdiri dari susunan titik yang tersimpan di memori komputer. Semakin besar dimensi gambar, semakin besar pula ukuran file. Ketika gambar di perbesar sebuah bitmap terdiri dari rangkaian kotak kecil, masing-masing memiliki warna yang menyusun membentuk gambar. Bitmaps memiliki tampilan yang sangat kasar bila dilihat dari dekat tetapi terlihat baik dari kejauhan.
Bitmaps sangat cocok untuk foto, efek bayangan dan foto bersuasana lembut, bercahaya atau buram ujungnya.
Vector – merupakan gambar digital yang berbasiskan persamaan matematis. Gambar Vektor terdiri dari penggabungan koordinat-koordinat titik menjadi garis atau kurva untuk kemudian menjadi sebuah objek, sehingga gambar tidak menjadi pecah walaupun diperbesar atau diperkecil. Gambar vektor umumnya memiliki ukuran yang lebih kecil bila dibandingkan dengan gambar bitmap.
Image File Formats
Format file grafis yang digunakan di Web adalah GIF, JPEG, dan PNG
Graphics Interchange Format (GIF)
GIF adalah format file dengan platform-independen yang terbatas pada sebuah layar 256 warna. GIF, telah diadopsi oleh sebagian besar pengembang karena kecil ukuran file.
GIF dianggap sebagai “lossless” format. Artinya bahwa sebagai gambar dikompresi, tidak ada informasi atau data gambar yang hilang.
Kapan menggunakan gambar GIF
Gambar berformat GIF baik anda gunakan untuk Tombol, bullets.
Joint Photographic Experts Group (JPEG)
Grafik dalam format JPEG kedalaman warnanya jauh lebih besar disbanding GIF, tapi biasanya file berformat JPEG memerlukan lebih banyak waktu untuk men-download. JPEG dapat berisi hingga 24 bit informasi warna (16,7 juta warna).
Kapan menggunakan JPEG
JPEG memungkinkan Anda untuk menggunakan warna cerah dan mendukung gambar yang kompleks.
Hasil kompresi JPEG tidak seefektif kompresi GIF, kompresi gambar dengan format JPEG dapat mengurangi kualitas warna gambar. Format JPEG tidak dirancang untuk gambar resolusi rendah.
Portable Network Graphics (PNG)
PNG adalah Format file baru untuk Web grafis. PNG dianggap sebagai “lossless” format dan mendukung transparansi seperti GIFs, namun juga mendukung kompresi tinggi dan sedikit mendalam seperti JPEGs. Selain itu, dot yang menyusun gambar pada PNG dapat ditambah, tidak seperti GIFs atau JPEGs, yang harus 8-bit dan 24-bit.
Kapan menggunakan PNG
PNG dan GIF sama bagusnya pada hasil gambar warna rata, gambar berujung/sudut tajam. Kompresi gambar baik vertikal dan horizontal pada PNG umumnya baik di bandingkan GIF interlaced.
Mengetahui jenis atau format gambar yang akan digunakan pada website akan membantu anda dalam menghindari tampilan website yang buruk.
AsianBrainHosting