Slide ini berisi penjelasan tentang konsep image dalam multimedia

1. IMAGE
Nani Setyo Wulan S.Pd
2015
Akademi Komunitas Solok Selatan

2. Definisi
• Kombinasi antara titik, garis, bidang, dan warna untuk
menciptakan suatu imitasi dari suatu obyek
• Gambar (image) merupakan suatu representasi spatial
dari suatu obyek, dalam pandangan 2D atau 3D,
• Gambar digital merupakan suatu fungsi dengan nilai-
nilai yang berupa intensitas cahaya pada tiap-tiap titik
pada bidang yang telah diquantisasikan (diambil
sampelnya pada interval diskrit),
• Titik dimana suatu gambar di-sampling disebut picture
element (pixel)

3. Jenis Gambar
 Ada 2 jenis gambar:
• Bitmap : dimana setiap pixel didefinisikan secara
terpisah (Bitmap Graphic)
• Vector : dimana formula matematika digunakan
untuk menggambar graphics primitives (garis,
kotak, lingkaran,elips, dll) dan menggunakan
attributnya (Vector Graphic)
 Gambar vektor biasanya berukuran lebih kecil,
gambar tidak pecah, semua manipulasi dilakukan
melalui rumus.

4. Resolusi
 Istilah yang dipakai untuk merepresentasikan
banyaknya titik gambar dalam satu inci persegi (atau
cm).
 Pada monitor, titik titik ini dinamakan pixel atau dot.
 Pada hasil cetak, dipakai istilah dot atau lines.
 Tujuan utama dari menentukkan resolusi gambar adalah
untuk mendapatkan informasi yang cukup untuk
menghasilkan output yang baik dengan tetap berusaha
mendapatkan file yang sekecil mungkin.
4

5. Warna
 CMYK merupakan sistem representasi warna untuk proses cetak 4 warna : cyan,
magenta, yellow dan key [black]. Dengan sistem ini gambar akan disimpan dalam
4 channel.
 RGB merepresentasikan gambar dengan 3 channel, red (merah),green (hijau)
dan blue (biru). Masing-masing channel disimpan sebagai informasi 8 bit yang
akan mempunyai 256 nilai gradasi. Jadi yang bisa direpresentasikan dengan
sistem 24 (8×3) bit ini adalah 16 juta variasi warna dari kombinasi ketiga channel.

6. Warna
 Lab Color menggunakan sistem
representasi berdasarkan
luminance/lightness dan 2
komponen chromatic, komponen a,
dari hijau ke merah dan komponen
b, dari biru ke kuning. Sistem ini
mampu merepresentasikan semua
color gamut yang dipakai baik pada
sistem CMYK maupun RGB karena
sistem ini didesain untuk
merepresentasikan warna yang
konsisten dan tidak bergantung
kepada alat tertentu.

7. Warna
 Indexed Color hanya mampu merepresentasikan
maksimal 256 variasi warna dengan informasi 8 bit atau
kurang. Proses mengubah dari informasi RGB 24 bit
menjadi 8 bit atau kurang disebut indexing.

8. Warna
 Grayscale hanya menyimpan nilai brightness dari suatu
gambar dan mempunyai informasi 8 bit dengan 256 variasi
kecemerlangan.
 Bitmap hanya menyimpan warna sebagai informasi 1 bit,
ada titik atau tidak ada titik (hitam atau putih).

9. Bit depth
 Bit depth adalah besarnya informasi data dari 1
satuan sampel (dot/pixel).
 Rumusnya adalah 2^n (dua pangkat n, dimana n
adalah besarnya bit depth).
 1 bit = 2 . =2 variasi warna
 2 bit = 2 . = 4 variasi warna
 4 bit = 2 . = 16 variasi warna
 8 bit = 2 . = 256 variasi warna
 16 bit = 2 .6 = 2 kombinasi 8 bit = 65.536 variasi warna
 24 bit = 2 ..= 3 buah kombinasi 8 bit = 16.777.216 variasi
warna
 32 bit = 2 .. = 4 buah kombinasi 8 bit = 4.294.967.296
variasi warna.

10. Intensitas Warna
 Nilai intensitas warna pada suatu pixel disebut gray scale level
 1 bit : binary-valued image (0 - 1)
 8 bits : gray level (0 - 255)
 16 bits : high color (2^16)
 24 bits : 2^24 true color
 32 bits : true color (2^32)
 1 byte = 8 bits
 Format gambar digital memiliki 2 parameter :
• Spatial resolution pixels X pixels
• Color encoding bits / pixel

11. Example…
• Misal: terdapat gambar berukuran 100 pixels x 100
pixels dengan color encoding 24 bits dengan R=8bits,
G=8bits, B=8bits per pixel
• Maka color encoding akan mampu mewakili 0 ..
16.777.215 (mewakili 16 juta warna)
• Ruang disk yang dibutuhkan = 100 * 100 * 3 byte
(karena RGB) = 30.000 bytes = 30KB atau 100 * 100 *
24bits = 240000bits
• 1 KB = 1000 bytes

12. • Jika suatu gambar disimpan maka yang disimpan
adalah array 2D, dimana masing-masing
merepresentasikan data yang berhubungan
dengan pixel tersebut. Array[x,y] = warna pixel,
• Setiap pixel dapat mempunyai informasi
tambahan yang berhubungan dengan pixel
tersebut.
• Masing-masing gambar juga memiliki informasi
tambahan seperti lebar X panjang gambar,
kedalaman gambar, pembuat, dll.