Raster ImageRaster Image

Dr. Taufik Fuadi Abidin, S.Si., M.Tech

Jurusan InformatikaFMIPA Universitas Syiah Kuala

www.informatika.unsyiah.ac.id/tfa

Intro: Format FileGrafik dapat berupa logo, icon, chart, animasi, atau file dalam format PDF

Grafik dalam bentuk image disebut static image, dalam bentuk animasi disebut moving image, dan dalam bentuk dokumen disebut formatted page

Format file grafik meliputi:

PNG (Portable Network Graphics)

JPEG (Joint Pictures Expert Group) diambil dari komite yang merancang format tsb

Intro: Format File (Lanjutan)GIF (Graphic Interchange Format)

SVG (untuk animasi, Scalable Vector Graphics)

SWF (format Macromedia Flash)

PDF (Portable Document Format)

Format file di atas termasuk dalam kelompok Raster atau Vector

Raster vs Vector ImageRaster image adalah image yang terdiri dari dots atau pixel.

Banyak image yang ditemui di web tergolong kelompok raster image, seperti image dalam format PNG, JPEG, dan GIF.

Vector image adalah alternatif representasi dari sebuah image. Representasi ini tidak dibangun dari sederetan dots atau pixel, tapi direpresentasi seperti seseorang menggambarkannya, dengan menarik garis, kurva, dan bagan berwarna

Raster vs Vector ImagePerbedaan nyata antara Raster vs Vector:

Raster image jika di-zoom akan mengakibatkan pixel atau dots membesar. Image menjadi patah-patah.

Vector image, jika di-zoom tidak akan memberi perubahan yang nyata. Tidak patah-patah dan memberikan zooming yang tidak terbatas

Raster vs Vector Image

Raster vs Vector ImageJPEG baik untuk foto karena memiliki mekanisme kompresi yang baik, sementara GIF adalah satu-satunya Raster image yang mendukung animasi

PNG format memiliki maks ukuran 2 Gigapixel x 2 Gigapixel. Pada layar resolusi 72 pixel per inci dapat menyimpan image ukuran lebih kurang 750 x 750 kilometer. Dengan kata lain dapat menyimpan image sebuah propinsi. Sedangkan GIF format maks ukuran 23 meter x 23 meter, atau dapat menyimpan gambar sebuah rumah secara utuh.

Color ModelRGB Color Model adalah model warna Red, Green, Blue. Ketiga warna ini digunakan pada pewarnaan monitor komputer.

RGB dapat direpresentasikan dalam kubus dimensi 3 dimana setiap axis merupakan warna dari ketiga warga RGB

RGB Color ModelJumlah bits yang digunakan untuk merepresentasikan setiap komponen adalah unit dari kubus tsb. Range 0-255

Dapat direpresentasikan sebagai kombinasi 3 nilai koordinat (255,127,54)

Pada HTML dan Perl, RBG direpresentasikan dalam 8-bit hexadesimal, #FF00FF

Color Table

CMYK Color ModelCMYK (Cyan, Magenta, Yellow dan Black) adalah color model yang dihasilkan dari serapan warna Cyan, Magenta dan Yellow.

Secara matematis, warna RGB dapat dikonversi ke warna CMYK dengan mengurangkan setiap komponen dari nilai maksimumnya

Color DepthManusia dapat membedakan lebih kurang 7 juta perbedaan warna. Jumlah warna tersebut dapat direpresentasikan dalam 24 bits

Image dengan color depth 24 bits per pixel dikenal dengan nama truecolor image

Setiap pixel mengandung 1 byte Red, 1 byte Green, dan 1 byte Blue = 8 bits Red, 8 bits Green, 8 bits Blue = 24 bits.

Setiap elemen RGB dapat direpresentasikan dalam 28 atau (28)3 = 16,777,216 kemungkinan warna

Color DepthPNG dapat menyimpan warna dengan kedalaman sampai 48 bits per pixel.

JPEG dapat menyimpan warna dengan kedalaman 36 bits

Color Depth

1 bit (2 colors) 4 bit (4 colors)

Color Depth

4 bit ( 16 colors) 8 bit (256 colors)

Color Depth

24 bit (16,777,216 colors, "truecolor")

Questions &

Discussion