Image System

Image System

กราฟิกที่ใช้ในงานคอมพิวเตอร์มี 2 ชนิด คือ Bitmap และ Vector

กราฟิกแบบ Bitmap
        Bitmap เป็นภาพแบบ Resolution Dependent ประกอบขึ้นด้วยจุดสีต่างๆ ที่มีจำนวนคงที่ตายตัวตามการสร้างภาพที่มี Resolution หรือความละเอียดของภาพต่างกันไป หากขยายภาพ Bitmap จะเห็นว่ามีลักษณะเป็นตารางเล็กๆ ซึ่งแต่ละบิตคือ ส่วนหนึ่งของข้อมูลคอมพิวเตอร์
        เนื่องจาก Bitmap มีค่า Pixel จำนวนคงที่จึงทำให้มีข้อจำกัดในเรื่องการขยายขนาดภาพ การเปลี่ยนขนาดภาพทำโดยเพิ่มหรือลด Pixel จากที่มีอยู่เดิม เมื่อขยายภาพให้ใหญ่ขึ้น ความละเอียดของภาพจึงลดลง และถ้าเพิ่มค่าความละเอียดมากขึ้นก็จะทำให้ไฟล์มีขนาดใหญ่และเปลืองเนื้อที่หน่วยความจำมากขึ้นตามไปด้วย ภาพที่ขยายโตขึ้นจะมองเห็นเป็นตารางสี่เหลี่ยมเรียงต่อกัน ทำให้ขาดความสวยงาม
        ภาพแบบ Bitmap จึงเหมาะสำหรับงานกราฟิกในแบบที่ต้องการให้แสงเงาในรายละเอียด เป็นไฟล์ที่เหมาะกับการทำงานกับภาพเหมือนจริงประเภทภาพถ่าย เพราะ Bitmap มี Channel พิเศษ เรียกว่า Alpha Channel ซึ่งเป็น 32 bit หรือ true color คือสีสมจริง เช่น ภาพที่นำมาใช้กับ PhotoShop จะเป็นภาพเหมือน ภาพถ่าย เพราะไฟล์ที่ได้จาก PhotoShop เป็น Bitmap ในขณะที่ไฟล์ที่สร้างจาก Illustrator จะเหมือนการ์ตูนหรือภาพเขียน เพราะเป็นไฟล์แบบ Vector นอกจากนี้ยังเหมาะสำหรับภาพที่ต้องการระบายสี สร้างสี หรือกำหนดสีที่ต้องการความละเอียดและสวยงาม
        ไฟล์ภาพแบบ Bitmap ในระบบวินโดวส์คือ ไฟล์ที่มีนามสกุล .BMP, .PCX. , .TIF, .GIF, .JPG, .MSP, .PCD เป็นต้น สำหรับโปรแกรมที่ใช้สร้างกราฟิกแบบนี้คือ โปรแกรม Paint ต่างๆ เช่น Paintbrush, PhotoShop, Photostyler เป็นต้น

กราฟิกแบบ Vector
        Vector เป็นภาพประเภท Resolution-Independent มีลักษณะของการสร้างให้แต่ละส่วนเป็นอิสระต่อกัน โดยแยกชิ้นส่วนของภาพทั้งหมดออกเป็นเส้นตรง รูปทรงหรือส่วนโค้ง โดยอ้างอิงตามความสัมพันธ์ทางคณิตศาสตร์หรือการคำนวณเป็นตัวสร้างภาพ เป็นการรวมเอา Object (เช่น วงกลม เส้นตรง ทรงกลม ลูกบาศก์และอื่นๆ เรียกว่ารูปทรงพื้นฐาน) ต่างชนิดมาผสมกัน มีทิศทางการลากเส้นไปในแนวต่างๆ เพื่อสร้างภาพที่แตกต่างกันโดยใช้คำสั่งง่ายๆ จึงเรียกภาพประเภทนี้ว่า Vector Graphic หรือ Object Oriented
        ลักษณะเด่นของ Vector คือ สามารถยืดหรือหดภาพเท่าใดก็ได้ โดยที่ภาพจะไม่แตก ความละเอียดของภาพไม่เปลี่ยนแปลง คงคุณภาพของภาพไว้ได้เหมือนเดิม และยังสามารถขยายเฉพาะความกว้างหรือความสูง เพื่อให้มองเห็นเป็นภาพผอมหรืออ้วนกว่าภาพเดิมได้ด้วย และไฟล์มีขนาดเล็กกว่าภาพ Bitmap ภาพแบบ Vector จึงเหมาะสำหรับงานแบบวาง Layout งานพิมพ์ตัวอักษร Line Art หรือ Illustration
        ไฟล์รูปภาพแบบ Vector ในระบบวินโดวส์คือ ไฟล์ที่มีนามสกุล .EPD, .WMF, .CDR, .AI, .CGM, .DRW, .PLT เป็นต้น โดยมีโปรแกรมประเภทวาดรูป (Drawing Program) เช่น CorelDraw หรือ AutoCAD เป็นโปรแกรมสร้าง ขณะที่บนแมคอินทอชใช้ Illustrator และ Freehand 
        ในกรณีที่โปรแกรมที่ใช้งานอยู่ไม่สามารถอ่านไฟล์แบบ Vector ต้นฉบับได้ วิธีที่ดีที่สุดก็คือ บันทึกไฟล์เป็นนามสกุล .EPS (Encapsulated Postscript) ไฟล์ประเภทนี้สร้างขึ้นจาก Vector ซึ่งทำให้มีคุณสมบัติเป็นแบบ Vector นอกจากนี้เราสามารถบันทึกไฟล์ Bitmap ให้เป็นแบบ EPS ได้ เนื่องจากโปรแกรมกราฟิกทุกประเภทล้วนสนับสนุน ไฟล์แบบ EPS ทั้งสิ้น
        อย่างไรก็ตามอุปกรณ์แสดงผล ไม่ว่าจะเป็นเครื่องพิมพ์แบบ Dot Matrix หรือ Laser รวมทั้งจอภาพ จะแสดงผลแบบ Raster Devices หรือแสดงผลในรูปของ Bitmap โดยอาศัยการรวมกันของ Pixel ออกมาเป็นรูป แม้ว่าภาพกราฟิกที่สร้างจะเป็นแบบ Vector เมื่อจะพิมพ์หรือแสดงภาพบนหน้าจอจะมีการเปลี่ยนเป็นการแสดงผลแบบ Bitmap หรือเป็น Pixel

ความแตกต่างระหว่างกราฟิกแบบ Bitmap และ Vector

Bitmap
1. ลักษณะภาพประกอบขึ้นด้วยจุดต่างๆ มากมาย
2. ภาพมีจำนวนพิกเซลคงที่จึงต้องการค่าความละเอียดมากขึ้นเมื่อขยายภาพ โดยจะคำนวณค่าสีทีละ pixels ทำให้ภาพแตกเมื่อขยายภาพให้ใหญ่
3. เหมาะสำหรับงานกราฟิก ในแบบต้องการให้แสงเงาในรายละเอียด
4. แสดงภาพบนจอทันที เมื่อรับคำสั่งย้ายข้อมูลจากหน่วยความจำที่เก็บภาพไปยังหน่วยความจำของจอภาพ

Vector
1. ใช้สมการทางคณิตศาสตร์เป็นตัวสร้างภาพ โดยรวมเอา Object (เช่น วงกลม เส้นตรง) ต่างชนิดมาผสมกัน
2. สามารถย่อและขยายขนาดได้มากกว่า โดยสัดส่วนและลักษณะของภาพยังเหมือนเดิม ความละเอียดของภาพไม่เปลี่ยนแปลง
3. เหมาะสำหรับงานแบบวาง Layout งานพิมพ์ตัวอักษร Line Art หรือ Illustration
4. คอมพิวเตอร์จะใช้เวลาในการแสดงภาพมากกว่า เนื่องจากต้องทำตามคำสั่งที่มีจำนวนมากกว่า

ลักษณะและความหมายของ Pixel
        ในโลกของกราฟิกที่ใช้ในงานคอมพิวเตอร์ Pixel ถือเป็นหน่วยย่อยที่เล็กที่สุดของรูปภาพ เป็นจุดเล็กๆ ที่รวมกันทำให้เกิดภาพขึ้น ภาพหนึ่งจะประกอบด้วย Pixel หรือจุดมากมาย ซึ่งแต่ละภาพที่สร้างขึ้นจะมีความหนาแน่นของจุดหนือ Pixel เหล่านี้แตกต่างกันไป ความหนาแน่นของจุดนี้เป็นตัวบอกถึงความละเอียดของภาพ โดยมีหน่วยเป็น ppi (Pixel Per Inch) คือ จำนวนจุดต่อนิ้ว Pixel มีความสำคัญต่อการสร้างภาพของคอมพิวเตอร์มาก เพราะทุกส่วนของกราฟิก เช่น จุด เส้น แบบลายและสีของภาพนั้นเริ่มจาก Pixel ทั้งสิ้น เมื่อเราขยายภาพจะเห็นเป็นภาพจุด
        โดยปกติแล้ว ภาพที่มีความละเอียดสูงหรือคุณภาพดีควรจะมีค่าความละเอียด 300 X 300 ppi ขึ้นไป ยิ่งค่า ppi สูงขึ้นเท่าไร ภาพก็จะมีความละเอียดคมชัดขึ้นมากขึ้นเท่านั้น ขณะเดียวกันจุดหรือ Pixel แต่ละจุดก็จะแสดงคุณสมบัติทางสีให้แก่ภาพด้วย โดยแต่ละจุดจะเป็นตัวสร้างสีประกอบกันเป็นภาพรวม ซึ่งอาจมีขนาดความเข้มและสีแตกต่างกันได้ ทำให้เกิดเป็นภาพที่มีสีสันต่างๆ
        การแสดงผลของอุปกรณ์แสดงผล (Output Devices) ไม่ว่าจะเป็นเครื่องพิมพ์แบบ Dot-matrix หรือแบบ Laser รวมทั้งจอภาพ จะเป็นการแสดงผลแบบ Raster Devices นั่นคือ อาศัยการรวมกันของ Pixel ออกมาเป็นรูป 

Cradit : ข้อมูลจากหนังสือ รวมคลิปอาร์ท (Universal Cliparts) Vol.2 โดยบริษัท เจเนซิส มีเดียคอม จำกัด

1.1 พิกเซล (Pixel) 

เทียบไดกับ "จุดภาพ" 1 จุด ที่บรรจุคาสี และถูกกําหนดตําแหนงไวบน เสนกริดของแนวแกน x และแกนy ภาพบิตแมปจะประกอบดวย พิกเซลหลายๆ พิกเซล

กราฟิกส์แบบ Bitmap 

• จํานวนพิกเซลของภาพแตละภาพ จะเรียกวา ความละเอียด หรือ Resolution 

• โดยจะเทียบจํานวนพิกเซลกับความยาวตอนิ้ว ดังนั้นจะมีหนวย 

• เปนพิกเซลตอนิ้ว (ppi: pixels per inch) หรือจุดตอนิ้ว (dpi; dot per inch) 

 กราฟิกส์แบบ Bitmap 1.2 เอสเปกเรโซของภาพ (Image Aspect Ratio) 

แอสเปกเรโชของภาพ คือ อัตราสวนระหวางจํานวนพิกเซลทางแนว ขวางและจํานวนพิกเซลทางแนวดิ่งที่ใชในการสรางภาพ 8 ขนาดของภาพและมักจะเขียนใน รูปของ 800 x 600

1.3 รีโซลูชัน (Resolution)
หมายถึง รายละเอียดที่อุปกรณแสดงกราฟกชนิดหนึ่งมีอยู่ มักระบุ เปนจํานวนพิกเซลในแนวนอนคือแนวแกน X และจํานวนพิกเซลในแนวตั้ง คือแนวแกน Y 9 ผูผลิตอุปกรณแสดงกราฟกส์บางรายจะระบุคารีโซลูชัน เป็น ระดับสูง (High Resolution) ปานกลาง (Medium Resolution) และระดับต่ํา (Low Resolution)

1.4 ไฟล์ภาพแบบ Bitmap คือ 
• ไฟล์ที่มีนามสกุล .BMP (Bitmap sequence) ถูกสร้างขึ้นมาเพื่อใช้เพื่อแสดงผลภาพกราฟ ฟิคสําหรับ ระบบปฏิบัติการวินโดวส์ เป็นไฟล์ที่ไม่ค่อยมีประโยชน์ในด้านการใช้งาน มากนัก จะใช้สําหรับเก็บกราฟฟิคไฟล์ที่เป็นต้นแบบเสียส่วนใหญ่
• ไฟล์นามสกุล .TIF (Tagged Image File Format) เป็นกราฟฟิคไฟล์ที่สร้างมาเพื่อ โปรแกรมประเภทจัดหน้าหนังสือ (Desktop Publishing) สามารถเก็บข้อมูล รายละเอียดของภาพได้ ค่อนข้างมาก ใช้ได้ทั้งใน Mac และ PC

1.4 ไฟล์ภาพแบบ Bitmap คือ
• ไฟล์ที่มีนามสกุล . GIF (compu surve Graphic Interchange File) ถูกสร้างขึ้นมาโดยบริษัท Compu surve ซึ่งเป็นบริษัทที่ ให้บริการด้านเครือข่ายของสหรัฐ เหมาะกับการเก็บไฟล์รูปภาพขนาดเล็ก และมีจํานวนของสีน้อย มีขนาดไฟล์เล็กเพราะสร้างขึ้นมาเพื่อใช้ในระบบ เครือข่าย
• ไฟล์ที่มีนามสกุล .JPG (Joint Photographic Experts Group) เป็นไฟล์ที่ถูกสร้างขึ้นมาเพื่อบีบอัดข้อมูลภาพ เพื่อให้มีขนาด กระทัดรัด เพื่อนําใช้งานในระบบอินเตอร์เนต นิยมมาใช้ในการแสดงผล รูปภาพบนเครือข่ายอินเตอร์เนตเช่นเดียวกับ GIF แต่มีวัตถุประสงค์ในการ ใช้งานแตกต่างกัน

1.4 ไฟล์ภาพแบบ Bitmap คือ 
• ไฟล์ที่มีนามสกุล . PSD คือ กราฟฟิคไฟล์ ของโปรแกรมตกแต่งรูปภาพ (Retouching) Adobe Photoshop ไฟล์ PSD นี้จะใช้กับโปรแกรม Adobe Photoshop เพื่อการแก้ไขตกแต่งรูปภาพ
• ไฟล์ที่มีนามสกุล .PNG เป็นกราฟฟิคไฟล์ชนิดล่าสุด ที่นํามาใช้แสดงผลภาพบนเวบเพจ

1.4 ไฟล์ภาพแบบ Bitmap คือ 
• ไฟล์ที่มีนามสกุล . PDF ไฟล์ PDF เป็นไฟล์เอกสารของ Adobe Acrobat ที่ใช้ในการแสดง เอกสารในรูปแบบของกราฟฟิค ซึ่งจะต้องใช้ โปรแกรม Adobe Acrobat Reader ในการอ่าน สําหรับโปรแกรมที่ใช้สร้างกราฟิกแบบ Bitmap คือ โปรแกรม Paint ต่างๆ เช่น Paintbrush, PhotoShop, Photostyler เป็นต้น

กราฟฟิกส์แบบ Vector 
• สรางดวยสวนประกอบของเสนลักษณะตางๆ และคุณสมบัติเกี่ยวกับสี ของเสนนั้นๆ ซึ่งสรางจากการคํานวณทางคณิตศาสตร์
• เมื่อมีการแกไขภาพ ก็จะเปนการแกไขคุณสมบัติของเสน ทําใหภาพไม สูญเสียความละเอียด
• เช่น ภาพ .wmf ซึ่งเปน clipart ของ Microsoft Office ,Adobe Illustrator หรือ Macromedia Freehand

กราฟกส์แบบ Vector 2.1 ไฟล์ภาพแบบ Vector คือ
• ไฟล์ที่มีนามสกุล . EPS (Encapsulated PostScript) เป็นไฟล์ที่ถูกสร้างขึ้นมาเพื่อใช้ในงานออกแบบสื่อสิ่งพิมพ์ (Desktop Publishing) เป็นไฟล์ Vector มาตรฐาน ใช้งานได้กับโปรแกรม หลายโปรแกรม สามารถทําการแยกสีเพื่องานพิมพ์ได้ นอกจากนี้ยังใช้ใน การบันทึก Vector ไฟล์ จากโปรแกรมหนึ่งเพื่อนําไปโหลดใช้งาน ในอีก โปรแกรมหนึ่งอีกด้วย ไฟล์ชนิดนี้จะมีขนาดใหญ่กว่าไฟล์ vector ชนิดอื่นๆ

2.1 ไฟล์ภาพแบบ Vector คือ 
• ไฟล์ที่มีนามสกุล . AI (Adobe Illustrator sequence) AI เป็นไฟล์ของ Adobe Illustrator จึงควรรแก้ไขไฟล์ AI บน โปรแกรม Illustrator เท่านั้น
• ไฟล์ที่มีนามสกุล . FH (FreeHand) คือ ไฟล์ของโปรแกรม vector ที่ชื่อว่าโปรแกรม FreeHand
• ไฟล์ที่มีนามสกุล . DWG (DraWinG file) คือ drawing file ของโปรแกรม AutoCAD

2.1 ไฟล์ภาพแบบ Vector คือ
• ไฟล์ที่มีนามสกุล . FLA (FLASH) เป็นไฟล์ Vector ของโปรแกรม Macromedia Flash ใช้ในการ สร้างอนิเมชั่นบนเวบเพจ
• ไฟล์ที่มีนามสกุล . SWF (Shock Wave Flash) เป็นไฟล์ Vector ของโปรแกรม Adobe Flash ใช้ในการแสดงผล Flash อนิเมชั่นบนเวบเพจ

2.2 ออบเจ็กต (Object)
• ออบเจ็กตงายๆ (เชน วงกลม เสนตรง ทรงกลม ลูกบาศก และอื่นๆ เรียกวารูปทรงพื้นฐาน) สามารถใชในการสรางออบเจ็กตที่ซับซอนขึ้น
• กราฟฟิกส์แบบเวกเตอรใชคําสั่งงายๆ เพื่อสรางออบเจ็กตพื้นฐาน เช่น "ลาก เสนตรงจากจุด A ไปยังจุด B" หรือ "ลากวงกลม รัศมี R โดยมีจุดศูนย กลางอยูที่จุด P"

เปรียบเทียบคุณสมบัติของกราฟกส์ แบบบิตแมปและภาพแบบ เวกเตอร
1. ในดานความเร็วของการแสดงภาพที่จอภาพ กราฟกแบบบิตแมปสามารถแสดงใหเห็นที่จอภาพไดเร็วกวาภาพ แบบเวกเตอร์
2. ความสามารถในการเปลี่ยนขนาดภาพ ภาพแบบบิตแมปจะทําไดไมมาก นอกจากนั้นยังอาจจะทําให ลักษณะของภาพผิดเพี้ยนไปจากเดิมดวย
3. เนื้อที่ในการจัดเก็บ ภาพแบบเวคเตอร์ ใช้เนื้อที่ในการจัดเก็บน้อยกว่าภาพแบบบิตแมป

ประโยชนของคอมพิวเตอรกราฟฟิกส์ 
• ใช้แสดงผลงานดวยภาพแทนการแสดงดวยขอความ
• ใชแสดงแผนที่ แผนผัง และภาพของสิ่งตางๆ
• ใช้ในการออกแบบทางดานตางๆ
• ไดมีการนําคอมพิวเตอรกราฟกมาชวยทางการดานเรียนการสอน
• คอมพิวเตอรกราฟกถูกนํามาใชในการจําลองสถานการณ์
• คอมพิวเตอรกราฟกสามารถนํามาสรางภาพนิ่ง ภาพสไลด ภาพยนตร และรายการวิดีโอ
• คอมพิวเตอรกราฟกที่มีผูรูจัก และนิยมใชกันมากคงจะไดแก เกมส์