Image Technology Department of Computer Education KMITNB

2 Types of Images Raster Image –Digitize or sampling from the real world –Store in bitmap orientation –Need large storage and High compression –Edit by retouching tool Vector Image –Synthesized image –Store in object structure list (Smaller) –Reusable, Scalable, Animating –No stair problem

3 Types of Images Raster Image

4 Types of Images Vector Image (x min,y min ) (x max,y max ) Object Rectan01 Pivot center Data (x min,y min,x max,y max ) Rectangular (x min,y min,x max,y max ) begin lineto (x min,y min,x max,y min ) lineto (x max,y min,x max,y max ) lineto (x min,y min,x min,y max ) lineto (x min,y max,x max,y max ) end end object

5 Types of Images From vector to raster display system

6 Displaying Image in Computer Cathode-Ray Tubes and LCD panel

7 Displaying Image in Computer Source of color

8 Displaying Image in Computer Source of color in CRT

9 Displaying Image in Computer Color Mixing in RGB model

10 Displaying Image in Computer Raster scan display system

11 Displaying Image in Computer Raster scan display system

12 Displaying Image in Computer Raster scan display system

13 Displaying Image in Computer Raster scan display system

14 Type of color display system True Color system –24/16 Bits each pixel –3/2 Bytes per pixel –Keep Color intensity in Frame buffer Index Color system –8 bits (1 byte) per pixel –Display 256 from index table at a time –Keep address of table in Frame buffer

15 Type of color display system True Color system N M Bit depth Video controller CRT

16 Type of color display system True Color system –VGA 24 Bits 640*480 = Pixels = Bytes –VGA 16 Bits 640*480 = Pixels = Bytes –SVGA 24 Bits 800*600 = Pixels = Bytes –SVGA 16 Bits 800*600 = Pixels = Bytes 1 Byte

17 Type of color display system Index Color system

18 Type of color display system Index color system –VGA 256 Color 640*480 = Pixels = Bytes Index table 256*3 (24 bits) 768 Bytes Total = Bytes –SVGA 256 Color 800*600 = Pixels = Bytes Index table 256*3 (24 bits) 768 Bytes Total = Bytes –SVGA 256 Color 1024*768 = Pixels = Bytes Index table 256*3 (24 bits) 768 Bytes Total = Bytes

19 How to display an image file(1) BMP indexed file structure

20 How to display an image file(2) Step 1 Load image information

21 How to display an image file(3) Step 2 Load color index to video pallet

22 How to display an image file(4) Step 3 Load pixel information by lookup color pallet

Image capturing

24 How to capture the image 3D Scanning to 2D Bitmap Picture CCD Array Analog to Digital Converter Memory Input/ Output Interface Computer or Printer

25 How to capture the image

26 Sampling an Image Sampling in Digital Camera

27 Sampling an Image Resolution of sampling image from the real world OutputSamplingReal world

28 How to scan the image 2D Scanning to 2D Bitmap File CCD Line Analog to Digital Converter Input/ Output Interface Computer Laser Diode

29 How to scan the image

30 SPI Sampling per inch จำนวนจุดในการ Scan ต่อหน่วยนิ้วความยาวและ หน่วยนิ้วความกว้าง 8.5 นิ้ว 11 นิ้ว หากตั้งความละเอียดในการ Scan เป็น 100 SPI จะได้ ไฟล์ขนาด 850 x 1100 Pixel หากตั้งความละเอียดในการ Scan เป็น 200 SPI จะได้ ไฟล์ขนาด 1700 x 2200 Pixel

31 How to scan the image Resolution of sampling

32 How to scan the image Resolution of sampling

33 How to scan the image Bit depth

Image Printing

35 DPI Dot per Inch จำนวนจุดในการพิมพ์ต่อหน่วยนิ้วความยาวและ หน่วยนิ้วความกว้าง 8.5 นิ้ว 11 นิ้ว หาก ไฟล์มีขนาด 850x1100 Pixel ความ ละเอียดในการพิมพ์ คือ 100 DPI หาก ไฟล์มีขนาด 1700 x 2200 Pixel ความ ละเอียดในการพิมพ์ คือ 200 DPI

36 Color Image Printing Color printing system

37 Printing Method Bitmap Printing Command Script and Processor in printer Download font to printer and send Character code to printer

Image File

39 Color System of Image Files True color system file –Like true color display system –Can compute and editing –File type : JPG, BMP(24), TIFF(24) Index color system file –Like index color display system –Can mask the transparent color –Must generate color pattern of image in header of file –File type : GIF, BMP(8), TIFF(8)

40 Type of Image by Purpose Display in electronic media –DPI is 72,96 dpi - Use RGB color model –Unit measure is Pixels - BMP, GIF, PCX, JPG –Not keep printing resolution information Display in paper –DPI depend on printer (300,600,1200,1440) –Use CMYK color model –Unit measured in centimeter, inches –Keep printing resolution information –TIFF

41 Type of Image by Purpose Example of file option to display in electronic media

42 Type of Image by Purpose Example of file option to display in paper (for printing)

43 Type of Image Compression Lossless วิธีการบีบอัดไฟล์ให้มีขนาดเล็กลงและ เมื่อเรียกคืนกลับมาแล้วไม่สูญเสียรายละเอียด ของภาพ LZW Lempel-Ziv-Welch Lossy วิธีการบีบอัดไฟล์ให้มีขนาดเล็กลงและ เมื่อเรียกคืนกลับมาแล้วมีการสูญเสียรายละเอียด ของภาพไปบางส่วน โดยอยู่ที่ผู้ใช้เป็นผู้เลือก ระดับการสูญเสีย JPEG

44 Graphic Interchange Format.gif GIF87a –indexed color system, LZW, Interlacing GIF89a –เพิ่ม Animation, Transparency 2 level มีการ Compression ในแนวนอน ใช้กับภาพที่มีจำนวนสีน้อย ภาพลายเส้น ต้องคำนึงถึง Palette ของระบบปลายทางที่ใช้

45 Palette ในระบบสี Indexed Adaptive Palette เป็นตารางสีที่ได้จากภาพนั้น System Palette เป็นตารางสีมาตราฐานของ ระบบปฏิบัติการต่างๆ –Windows system palette –Macintosh system palette –Unix system palette Web Palette เป็นตารางสีที่ตรงกันระหว่างหลาย ระบบปฏิบัติการ มีจำนวน 216 มี ได้มาจาก 6x6x6 ของ RGB

46 ค่า Gamma ค่าความสว่างของสารฉาบหน้าจอ โดยสัมพันธ์ กับแรงดันที่ป้อนกับจอภาพ แต่ละระบบปฏิบัติการมีการชดเชยความสว่างไม่ เท่ากัน –Macinthosh1.8 –Windows2.2 –Unix ค่ามาก ภาพที่ได้จะมีความมืดกว่าค่าน้อย

47 JPEG Joint Photographic Experts Group.jpg.jpeg ใช้วิธีการบีบอัดแบบ JFIF (JPEG File Interchange Format) สามารถใช้ได้กับทุกระบบปฏิบัติการ เป็นระบบสีจริง True Color 24 bit เมื่อนำไปแสดงผลแบบ 8 bit จะสร้างสีใหม่ dithering เป็น Lossy Compression เหมาะสำหรับภาพเหมือนจริง หรือภาพจำนวนสี มาก ๆ

48 PNG Portable Network Graphic.png 8 bit indexed color, 16,24 bit true color Lossless Compression ทั้งแนวตั้งและแนวนอน (Deflate) เล็กกว่า GIF Gamma Correction Transparency 256 Level สามารถใช้กับภาพเหมือนจริง หรือภาพลายเส้นก็ ได้ โปรแกรมสนับสนุนยังน้อยอยู่