1 / 48

Image Technology

Explore raster and vector images, color display systems, image capturing techniques, scanning methods, and file structures in computer graphics. Learn about resolutions, DPI, and printing processes.

folkerts
Download Presentation

Image Technology

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 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 • Object Rectan01 • Pivot center • Data (xmin,ymin,xmax,ymax) • Rectangular (xmin,ymin,xmax,ymax) • begin • lineto (xmin,ymin,xmax,ymin) • lineto (xmax,ymin,xmax,ymax) • lineto (xmin,ymin,xmin,ymax) • lineto (xmin,ymax,xmax,ymax) • end • end object (xmin,ymin) (xmax,ymax)

  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. Bit depth Video controller CRT N M Type of color display system • True Color system

  16. 1 Byte 1 Byte 1 Byte 1 Byte 1 Byte Type of color display system • True Color system • VGA 24 Bits 640*480 = 307200 Pixels = 921600 Bytes • VGA 16 Bits 640*480 = 307200 Pixels = 614400 Bytes • SVGA 24 Bits 800*600 = 480000 Pixels = 1440000 Bytes • SVGA 16 Bits 800*600 = 480000 Pixels = 960000 Bytes

  17. Type of color display system • Index Color system

  18. Type of color display system • Index color system • VGA 256 Color 640*480 = 307200 Pixels = 307200 Bytes Index table 256*3 (24 bits) 768 Bytes Total 307200 + 768 = 307968 Bytes • SVGA 256 Color 800*600 = 480000 Pixels = 480000 Bytes Index table 256*3 (24 bits) 768 Bytes Total 480000 + 768 = 480768 Bytes • SVGA 256 Color 1024*768 = 786432 Pixels = 786432 Bytes Index table 256*3 (24 bits) 768 Bytes Total 786432 + 768 = 787200 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

  23. Image capturing

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

  25. How to capture the image

  26. Sampling an Image Sampling in Digital Camera

  27. Sampling an Image • Resolution of sampling imagefrom the real world Real world Sampling Output

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

  29. How to scan the image

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

  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

  34. Image Printing

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

  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

  38. 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 • ค่าความสว่างของสารฉาบหน้าจอ โดยสัมพันธ์กับแรงดันที่ป้อนกับจอภาพ • แต่ละระบบปฏิบัติการมีการชดเชยความสว่างไม่เท่ากัน • Macinthosh 1.8 • Windows 2.2 • Unix 2.3-2.5 • ค่ามาก ภาพที่ได้จะมีความมืดกว่าค่าน้อย

  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 • สามารถใช้กับภาพเหมือนจริง หรือภาพลายเส้นก็ได้ • โปรแกรมสนับสนุนยังน้อยอยู่

More Related