Dalam desain grafis digital, gambar dapat direpresentasikan dalam dua cara utama: **Vector** dan **Raster (atau Bitmap)**. Memahami perbedaan fundamental ini akan menentukan *software* apa yang Anda gunakan dan kualitas akhir karya Anda.
Raster (Bitmap) - Berbasis Piksel
Gambar raster terdiri dari ribuan kotak-kotak kecil berwarna yang disebut **piksel** (pixel). Setiap piksel memiliki lokasi dan warna yang spesifik. Foto digital adalah contoh paling umum dari gambar raster.
- Kelebihan: Detail warna yang sangat kaya dan gradasi yang halus. Sempurna untuk mengedit foto.
- Kekurangan: *Resolution-dependent* (tergantung resolusi). Jika Anda memperbesar (scale-up) gambar raster, gambar akan "pecah", buram, atau terlihat kotak-kotak (*pixelated*).
- Kapan Digunakan: Mengedit foto, membuat lukisan digital, desain UI/UX.
- Software Utama: Adobe Photoshop, GIMP.
- Format File: .JPG, .PNG, .GIF, .BMP.
Vector - Berbasis Matematis
Gambar vector tidak dibuat dari piksel. Sebaliknya, gambar ini dibuat dari **rumus matematis** yang mendefinisikan titik, garis, dan kurva. Logo, ikon, dan font adalah contoh paling umum dari gambar vector.
- Kelebihan: *Resolution-independent* (tidak tergantung resolusi). Anda bisa memperbesar gambar vector seukuran gedung pencakar langit, dan gambar **tidak akan pernah pecah**.
- Kekurangan: Tidak bisa menampilkan detail warna dan gradasi sekompleks foto.
- Kapan Digunakan: Desain logo, ikon, ilustrasi, tipografi, dan desain apa pun yang perlu dicetak dalam berbagai ukuran (cth: dari kartu nama hingga spanduk).
- Software Utama: Adobe Illustrator, CorelDRAW, Inkscape.
- Format File: .AI, .EPS, .SVG.
Aturan Praktis: Gunakan **Photoshop (Raster)** untuk bekerja dengan gambar yang *sudah ada* (foto). Gunakan **Illustrator (Vector)** untuk *membuat* gambar dari nol (logo, ikon).
Uji Pemahaman: Vector vs Raster
A. Contoh Soal dan Jawaban
Klik soal di bawah ini untuk melihat jawabannya.
Alasan: Logo harus *resolution-independent* (tidak tergantung resolusi) agar bisa diperbesar seukuran spanduk tanpa pecah atau buram.
Alasan: Foto digital adalah gambar berbasis piksel (raster). Photoshop dirancang khusus untuk memanipulasi piksel, seperti mengatur kecerahan, kontras, dan warna pada foto.
B. Soal Latihan Mandiri
Coba jawab pertanyaan berikut untuk menguji pengetahuan Anda:
- Apa yang akan terjadi jika Anda menyimpan logo (Vector) sebagai file .JPG (Raster) lalu mencoba memperbesarnya?
- Apa kepanjangan dari .JPG, .PNG, dan .SVG? Manakah di antaranya yang merupakan format vector?
- Apa yang dimaksud dengan *pixelated* (pecah)?