Struktur Data untuk citra digital

(1)

1

(2)

STRUKTUR DATA UNTUK CITRA DIGITAL

• TUJUAN

Agar mahasiswa dapat memahami tentang struktur data dan format citra digital

2

(3)

Sumber Grafik/Citra Digital

•Kertas foto, majalah, koran dll → scanned

•Gambar dari kamera digital

•Web sites

•Dibuat oleh program komputer dari suatu data

(4)

Struktur Data Grafik/Citra

• Pixel: elemen gambar (picture element) pada citra digital (titik-titik berwarna)

• Image resolution: jumlah piksel dalam sebuah citra digital

• Bit-map: sebuah representasi data grafis/citra dengan cara yang sama seperti yang disimpan dalam memori video

(5)

Resolusi

• Resolusi adalah pengukuran kemampuan suatu alat mengaproksimasi citra kontinu menggunakan piksel yang terbatas

• Scanner, printer → dpi (dots per inch)

• Video → pixel dimension

• Bitmap → ppi (pixels per inch)

(6)

Bitmap vs Vector graphics

(7)

Bitmap vs Vector graphics

• Vector-based: lebih cocok untuk ilustrasi yang membutuhkan pengukuran yang tepat.

• Bitmap-based: lebih cocok untuk citra photorealistic yang membutuhkan variasi warna yang kompleks

(8)

Bitmap vs Vector graphics

•Vector Graphics

• Citra disimpan sebagai bentuk matematis

• Object-oriented graphics

•Bitmapped Graphic

• Citra dimodelkan dalam suatu senarai dari nilai piksel

• Raster graphics

(9)

Editing Program

•Bitmap

• Painting Programs

• Contoh: Photoshop, Paint

• Textures and continuous tones

•Vector

• Drawing Programs

• Contoh: Flash, Freehand, Illustrator

• Bentuk sederhana dengan warna flat atau gradasi

(10)

Ukuran image

•Vector Graphic

• Dipengaruhi isi image

• Menyimpan deskripsi obyek

• Makin kompleks, makin banyak deskripsi yang dibutuhkan

•Bitmapped Graphic

• Untuk tiap luasan menyimpan jumlah data yang sama, tidak peduli seberapa kompleks isinya.

• Jumlah data dipengaruhi juga oleh tingkat kedalaman warna

(11)

Lanjutan

Bitmapped

Vector

(12)

Bitmapped & Vector

• Bitmapped

• Menerapkan efek semacam blur sangat mudah

• Gambar akan kabur jika diskala (resized)

• Sukar untuk memilih obyek individual

• Vector

• Untuk menerapkan efek, harus diubah menjadi bitmap terlebih dahulu

• Image tetap sama pada saat di-scaled/resized

• Mudah untuk memilih obyek secara individu

(13)

File Format - Bitmapped Graphics

•GIF - Graphics Interchange Format

• 256 warna

• Lossless Compression

• Transparency

•JPEG

• Joint Photographic Experts Group

• Lossy Compression

•PNG

• > 256 warna

• Alpha channel transparencies

(14)

File Format - Bitmapped Graphics

•TIFF

• Tagged Image File Format

• Extensible format

• Dukungan bervariasi

•BMP

• Windows Bit Map format

• Uncompressed

(15)

File Format Vector Graphics

•EPS

• Encapsulated PostScript

• Bounding box attribute

•SVG

• XML based language for graphic description

•SWF

• Flash

•CDR, AI

(16)

Pengubahan Bitmap dan Vector

•Mudah, Vector → bitmap

• Proses → rasterizing

•Agak susah mengubah bitmap ke vektor

• Proses → vectorizing

(17)

Bitmaps

• Citra Bitmap diperoleh melalui pemindai, kamera digital dan alat lain, dan merupakan format “alami” untuk layar dan printer

• Citra Bitmap dibangun dari grid warna

• Pada layar, citra adalah grid yang terdiri atas pixel, pada printer adalah grid yang terdiri atas titik-titik

• Bergantung pada kemampuan alat, pixel/dot dapat bervariasi dari dua hingga jutaan warna

(18)

Bitmaps

(19)

Mengedit Citra Bitmap

• Citra bitmap mudah diedit menggunakan program interaktif atau batch

• Dapat diterapkan filter, memodifikasi warna, mengedit bagian-bagian kecil

• Diperlukan adanya layer untuk mempermudah pengeditan

• Operasi yang umum dilakukan:

• Blur and Sharpen.

• Colour correction.

• Brightness/Contrast adjustment.

• Touch up.

(20)

Image manipulation

(21)

Pros & Cons of Bitmap Formats

• Keuntungan

• Mudah direpresentasi sebagai kumpulan byte

• Diproduksi oleh banyak alat masukan

• Mudah diedit

• Dapat disajikan dengan baik pada grid alat keluaran seperti CRT dan printer.

• Kekurangan

• Ukuran besar

• Tidak dapat diskalakan dengan baik

• Asli → diperkecil → diperbesar → informasi hilang

(22)

Soal Latihan

1. Elemen gambar (picture element) pada citra digital (titik-titik berwarna) disebut:

a. Piksel

b. Image resolution c. Bitmap

d. Matriks e. Vektor

(23)

Soal Latihan

2. Jumlah piksel dalam sebuah citra digital disebut:

a. Piksel

(24)

Soal Latihan

3. Sebuah representasi data grafis/citra dengan cara yang sama seperti yang disimpan dalam memori video disebut:

a. Piksel

(25)

Soal Latihan

4. Yang bukan file format vector graphics, yaitu:

a. EPS b. SVG c. SWF d. CDR e. JPG

(26)

Soal Latihan

5. Berikut operasi yang umum dilakukan untuk mengedit citra bitmap, kecuali:

a. Blur and Sharpen.

b. Colour correction.

c. Brightness/Contrast adjustment.

d. Touch up

e. Memory enhancement