Vector Isn't Only Available in Physics Class!

Buat yang sering bikin gambar di komputer atau edit foto atau melakukan sesuatu yang berhubungan dengan grafis di komputer, pasti setidaknya kenal dengan beberapa ekstensi file sebagai format untuk menyimpan file gambar tersebut. Semisal, kita udah ngga asing sama yang namanya file *.doc atau *.xls; ekstensi file ter-famous buat dokumen hasil olahan Microsoft Word atau Microsoft Excel (tapi karena sekarang udah pakai Microsoft Office 2007, maka biasanya di akhir setiap ekstensi ditambah huruf 'x', semisal *.docx). Nah, begitu juga dengan file gambar maka setiap file punya ekstensi tersendiri. Dan, beberapa ekstensi punya kelebihan plus kekurangannya. Semisal ekstensi paling umum buat file foto, baik dari kamera digital atau 'nyolong' dari internet biasanya *.jpeg atau *.jpg. Kalau buat animasi, si file biasanya berekstensi *.gif atau kalau pake Flash player ekstensinya biasanya *.fla.

Tapi yang mau dijelaskan sekarang ini, pertama adalah tentang Bitmap. Yang suka gambar di Paintbrush atau Paint (Start Menu > Accessories > Paint) kemungkinan besar kenal banget sama ekstensi file yang satu ini. Tapi ternyata bitmap itu punya definisi yang lain. Bitmap itu adalah representasi dari gambar yang tersusun dari susunan titik-titik. Jadi, si gambar dengan format Bitmap (*.bmp) itu tersusun dari puluhan, ratusan, ribuan, sampe jutaan titik-titik, bergabung membentuk sebuah gambar. Atau kita bisa bayangin kaca patri yang ada di masjid atau gereja, membentuk sebuah gambar atau lukisan. Pada awalnya, kan si pembuat kaca patri itu harus membentuk lukisan itu dari kepingan-kepingan kecil sampai akhirnya jadi sebuah lukisan. Atau mirip sama pecahan beling yang setiap potongan kecilnya disusun sampe akhirnya jadi gelas lagi (males banget nyusunnya). Nilai buat setiap titik itu diawali sama satu bit data untuk gambar hitam putih, sementara buat gambar berwarna nilainya bisa lebih dari satu (2, 4, 8, 16, 32 bit). Ukuran sebenarnya buat n-bit (2ⁿ warna) bitmap dalam byte (satuan ukuran file) bisa dihitung :


^{Ukuran file gambar bitmap (file size)}

<sup>Sedangkan tinggi dan lebar gambar dihitung dalam pixel.

File dengan ekstensi bitmap (*.bmp) sendiri punya filesize yang menurut saya lumayan besar. Dibandingkan dengan saudaranya yang sebasis tapi sama seperti JPG, GIF, TIFF, PNG, gambar BMP punya filesize yang ternyata ukurannya segede alaihim. Semisal, ada lukisan berformat BMP dengan ukuran 1024x768, berwarna, punya filesize 20 MB (seperti wallpaper Titanic di laptop saya dulu), ternyata ketika dibandingkan dengan lukisan yang sama tapi sudah di export ke format JPG, filesizenya bisa jadi sekitar 500 KB atau 1 MB aja! Berarti pada intinya, format ini memakan cukup banyak memori. Kerapatan titik-titik di gambar disebut resolusi. Kalau kita buat file baru di Adobe Photoshop (misalnya), kita bakal dikasih pilihan buat menentukan berapa resolusi gambar yang mau kita buat (dalam keadaan default si Photoshop biasanya kasih nilai 72 pixel/inch (atau sekitar 28,5 pixel/cm). Sedangkan 'width' dan 'height' itu menunjukkan tinggi dan lebar gambarnya (dalam pixel). Untuk ukuran gambar sebesar atau standar wallpaper komputer non-widescreen, biasanya cukup dengan ukuran 1024x768 pixel.</sup>

^{Tapi, file bitmap punya satu kekurangan yang menurut saya sendiri juga jelek. File ini kalo udah mentok di size-nya, pada saat dilakukan resize = pembesaran ukuran gambar maka hasilnya bakalan pecah. Kalau di resize = pengecilan ukuran gambar sih ngga begitu keliatan pecahnya, kecuali ya gambarnya itu keliatan kaya 'keteken-teken'.} 

^{Ilustrasi di atas menunjukkan perbedaan antara gambar Bitmap dengan gambar vektor. Bitmap, pada saat dilakukan pembesaran sebesar 7x maka hasilnya langsung pecah. Sementara waktu dilakukan pembesaran sebesar 7x ke gambar vektor maka hasilnya masih tetap cemerlang seperti aslinya! Wow, nampak elok dan seronok!}

<sup>Di atas itu salah satu program pengolahan gambar dengan format bitmap. Semisal Adobe Photoshop, Corel PHOTO-Paint, dan yang paling sederhana adalah Paint.


Lantas, apa bedanya dengan grafis vektor? Sepintas seperti inget dengan pelajaran fisika dimana kita mungkin pernah belajar tentang vektor. Nah, vektor di konteks ini kurang lebih berdefinisi sebagai penggunaan prinsip dasar geometri seperti titik, bentuk, garis, lengkung, dan poligon yang berbasis pada perhitungan matematika untuk menampilkan gambar di grafis komputer. Cara kerja vektor ini sebenernya lebih simpel walopun tetep mengikut sertakan kehadiran rumus matematika (yasalaaam). Beda dengan bitmap yang menggunakan atau menyetor pixel-pixel dalam membuat sebuah gambar, vektor justru menggunakan dan menyimpan garis, bentuk, dan warna yang membuat lukisan tersebut menjadi rumus atau fungsi matematika. Program yang bisa mengeksekusi file grafis vektor ini menggunakan rumus-rumus matematika itu buat mengkonstruksi si gambar tersebut. Membuat gambar dengan kualitas terbaik yang sesuai dengan resolusi layar yang diberikan.

Si rumus-rumus matematika itu menjelaskan titik atau bentuk atau garis yang membuat lukisan itu harus diletakkan untuk memberikan hasil gambar yang terbaik ketika si gambar ditampilkan. Berarti, pada saat dilakukan pembesaran secara kasarnya rumus-rumus matematika itu tinggal buat rasionya antara ukuran awal dengan ukuran yang baru, lalu rasio itu dikalikan dengan nilai-nilai yang ada di rumus matematika tersebut (semisal ada sebuah bola dengan diameter 14 cm, maka buat memperbesar ukuran bola sebesar 3x tinggal mengkali tiga ukuran diameternya sehingga akan didapat sebuah bola yang sama dengan ukuran 3x lebih besar dari aslinya). Tapi ngga berarti bahwa grafis vektor ngga punya kekurangan. Walaupun si grafis vektor bisa memproduksi gambar dengan skala yang bisa diubah-ubah menjadi ukuran atau detail apapun, tapi grafis vektor ini terbatas dari segi resolusi yang ada di display. Ketika kita mencetak foto dengan grafis vektor, maka akan terlihat lebih tajam dan resolusi outputnya akan lebih tinggi dibandingkan dengan apa yang nongol di layar, tapi baik hasil soft copy maupun hard copy bisa menggunakan satu data yang sama.


Format untuk file grafis vektor umumnya adalah SVG, GXL atau VML. Pengolahannya bisa dilakukan di Adobe Illustrator, Adobe Fireworks, Corel DRAW, dan lain-lain.


Tapi pada dasarnya, kedua jenis grafis di atas saling membutuhkan dan bersifat komplementer. Semisal kita membuat gambar awal di Corel DRAW lalu bisa kita edit di Corel PHOTO-PAINT. Dan pada akhirnya kebutuhan jugalah yang jadi faktor utama kita memilih format dari gambar tersebut.


But personally I prefer vector graphic one than bitmap images, even though I used to use bitmap formats in saving pictures :)</sup>