Akhirnya saya dapat kembali hadir ke cafe ini dengan sebuah postingan baru, sebenarnya saat ini sedang sibuk sekali, banyak sekali yang sedang saya kerjakan, baik tugas kuliah maupun yang lain.

Kali ini sebuah tulisan tentang dunia Disain Grafis.

Bermula dari perdebatan di dalam kelas tentang gambar Vektor, akhirnya saya terpicut untuk menulis tentang perbedaan Gambar Vektor dengan Bitmap di Cafe ini.

Sedikit Ilustrasi saja :

“Kok logo kampus saya jadi ancur gini ya mas?” keluh seorang mahasiswa sehabis mencetak dokumen di sebuah rental internet depan kampus”. Kasus tersebut cukup menarik untuk mengilustrsikan apa itu gambar vektor dan bitmap.

Bitmap yang masih mendominasi.

Bitmap atau Raster merupakan gambar yang tersusun dari titik-titik elemen gambar yang disebut piksel. Masing-masing piksel memiliki informasi warna. Jumlah kemungkinan warna yang dapat ditampilkan oleh suatu piksel tergantung pada satuan bit yang dimiliki gambar bitmap tersebut. Gambar bitmap 8 bit berarti piksel-piksel yang menyusun dapat menampilkan kemungkinan warna sebanyak 2 pangkat 8, atau 256 warna. Gambar bitmap dengan resolusi (jumlah piksel setiap satuan ukur) besar, akan terlihat lebih halus dibandingkan yang memiliki resolusi rendah. Resolusi gambar bitmap dinyatakan dalam satuan dot per inch(dpi) atau pixel per inch(ppi).

Foto digital dan gambar hasil pemindaian (scanning) adalah gambar bitmap.
Kadangkala, kita memindai foto dengan resolusi lumayan tinggi, misalnya 300 dpi yang sesuai untuk cetakan seukuran majalah. Ketika dilihat dimonitor komputer, tampak lebih besar karena standar display monitor komputer adalah 72 dpi atau 96 dpi. Maka dari itu, resolusi gambar bitmap yang sesuai untuk keperluan display, misal web adalah 72 dpi.

Lain halnya jika akan kita pergunakan untuk keperluan cetak. Printer memerlukan resolusi yang cukup untuk menampilkan cetakan gambar yang baik, tergantung pada ukuran media cetak dan jarak pandang idealnya. Cetak foto seukuran 10R akan lebih baik jika menggunakan resolusi 300dpi atau lebih. Lain halnya untuk baliho. Jarak pandang yang jauh, tidak akan menampakkan piksel yang ukurannya besar – besar karena menggunakan resolusi rendah, misalnya 50dpi.

Gambar bitmap bersifat resolution dependent. Artinya ketika kita mengubah ukurannya(resample), sulit untuk mengendalikan kualitasnya. Jika kita mengecilkan ukurannya, berarti membuang sebagian pikselnya. Sebaliknya ketika diperbesar ukurannya(bukan zooming) akan terjadi terjadi penambahan piksel diantara ruang piksel yang teregang. Piksel – piksel tambahan akan dikalkulasi agar mirip warnanya dengan piksel disekitarnya. Mekanisme ini disebut interpolasi.

Pembesaran gambar melebihi kemampuan pikselnya akan mengekibatkan efek garis bergerigi(jagged) pada pinggiran objek.

Beberapa contoh format gambar bitmap adalah : BMP, GIF, PNG, TIFF, JPEG, Targa, PICT(MacOS), PCX, serta PSD.

Format PNG, GIF, TIFF, PSD, dan PICT mampu merekam informasi transparansi. Namun GIF hanya mampu menyimpan informasi transparansi 1 bit : transparan atau tidak sama sekali. Jadi transparansi pada format GIF tidak bersifat persial atau gradual. GIF juga hanya bisa menyimpan informasi 256 warna. Untuk mengatasi keterbatasan itulah, format PNG hadir. Namun, beberapa browser internet gaek belum mendukung format PNG, sehingga saat ini lebih banyak digunakan untuk keperluan cetak.

Coba baca postingan ini menggunakan IE dan lihat dua buah gambar PNG dan JPEG dibawah ini, maka akan terlihat kotak disekitar gambar PNG. Namun apabila dibuka dengan Firefox maka tidak akan terlihat berbeda. Ini menandakan IE belum mendukung format transparansi dari PNG.

Gambar Vektor yang semakin dilirik kreator.

Gambar Vektor tersusun atas objek garis, kurva, bentukan(shape) dan memiliki atribut seperti : isian warna, isian tekstur, garis tepi. Atribut objek elemen gambar vektor dapat diubah ukurannya, bentuknya, warnanya, secara individual tanpa menurunkan kualitas gambar. Masing – masing objek tersebut terwujud dari hasil pemetaan koordinat dan persamaan matematis. Maka, gambar vektor tidak akan “pecah” dan berkurang kualitasnya jika diubah ukurannya secara keseluruhan.

Contoh gambar vektor adalah ilustrasi, kartun, dan text. Dari uraian itu, gambar vektor bersifat resolution independent.

Contoh : Jika anda menggunakan Browser Mozilla Firefox coba tekan CTRL + berkali-kali untuk memperbesar ukuran, maka akan terlihat bahwa Text tidak mengalami penurunan kualitas Warna, sedangkan objek gambar akan terlihat kotak-kotak bergerigi bahkan buram.

Warna pada gambar vektor memang lebih banyak bersifat solid. Gradasi warna(chrome) dan nada(tone) tidaklah sekaya jika dibandingkan dengan gambar bitmap yang bersifat photo realistic. Beberapa perangkat lunak pengelola gambar vektor seperti corelDraw kini telah dapat menyimulasikan transparansi dan peleburan (blending) antar lapiran elemen gambar(layer).

Beberapa contoh format gambar vektor adalah : CDR(CorelDraw), AI(Adobe Illustrator), CMX(Corel Exchange), CMG(Computer Graphic Metafile), DXF(AutoCAD), dan WMF(Windows Media File).

Metafile adalah format gambar vektor yang dapat menyimpan elemen bitmap, misalnya isian tekstur bitmap. Sampai saat ini web masih didominasi format gambar bitmap. Beberapa format vektor yang mulai banyak didukung dunia web, misalnya SWF(Adobe Shockware Flash) dan SVG(Scalable Vektor Graphic) yang berbasis bahasa pemograman XML(eXtensible Markup Language). Kedua format ini mendukung gambar statis maupun animasi 2 dimensi.

Pengubahan gambar bitmap ke gambar vektor(tracing) saat ini telah mampu dilakukan perangkat lunak pengolah gambar vektor seperti CorelDraw, Corel Trace, Adobe Flash, dan lain-lain. Jika ingin mengkonversi vektor ke bitmap(rasterisasi), sebaiknya tetap menyimpan format vektornya untuk mempertahankan kulitas gambar.

Sumber :

http://en.wikipedia.org/wiki/Vector_graphics

http://en.wikipedia.org/wiki/Raster_graphics

PCPlus.