ผู้จัดทำ

นาย โสฬส ดวงเกิด เลขที่ 28 ชั้น ม.4/8

นาย พงษ์สนิท ปะมาละ เลขที่ 29 ชั้น.4/8

นาย ธนเกียรติ ฮุงหวล เลขที่ 30 ชั้น ม.4/8

เสนอ
ม.ณัฐพงศ์   หอมอ่อน
ม.ปริญญา  นฤประชา

ประวัติความเป็นมาของกราฟฟิก

ประวัติความเป็นมาของกราฟฟิก

งานกราฟิก มีประวัติความเป็นมาตามหลักฐานในอดีตมาตั้งแต่สมัยดึกดำบรรพ์ เมื่อมนุษย์เริ่มรู้จักการขีดเขียน ขูด จารึกเป็นร่องรอย ให้ปรากฏเป็นหลักฐานในปัจจุบัน การออกแบบกราฟิกสมัยก่อนประวัติศาสตร์ จึงเป็นการเริ่มต้นการสื่อความหมายด้วยการวาดเขียน ให้ผู้อ่านตีความหมายได้ เรียกว่า Pictogram เช่นภาพคน ภาพสัตว์ ต้นไม้ ไว้บนผนังหรือบนเพดานถ้ำ และมีการแกะสลักลงบนเขาสัตว์ กระดูกสัตว์ ซึ่งใช้วิธีการวาดอย่างง่ายๆไม่มีรายละเอียดมาก

                                                         

 มนุษย์รู้จักใช้เครื่องมือที่เป็นสัญลักษณ์สื่อความหมาย และมีความแตกต่างกันตามความเจริญของสังคมมนุษย์ในแต่ละยุคสมัย
             มนุษย์ยุคเริ่มแรกยังไม่มีภาษาและสัญลักษณ์ จึงใช้ของจริงและสภาวะจริงรอบตัวในการสื่อความหมายต่อกัน เช่น   การบอกแหล่งอาศัยของสัตว์ จะใช้วิธีวิ่งนำหน้าเพื่อนไปยังแหล่งที่มีสัตว์อยู่ แล้วชี้ให้เห็น   วิธีการนี้จะยุ่งยากและเยิ่นเย้อเพราะไม่มีสัญลักษณ์หรือเครื่องมือช่วยย่อให้กระบวนการสื่อความหมายสั้นและกระชับ
             จากหลักฐานทางประวัติศาสตร์ พบว่า เมื่อประมาณล้านปีมาแล้ว มนุษย์โฮโมอีเร็คทุส ( Homo Erectus )   ซึ่งจัดอยู่ในประเภทสัตว์ลำตัวตั้งตรง ยังไม่มีภาษาใช้ ได้ใช้ท่าทางและสิ่งของตามธรรมชาติ เช่น ก้อนหิน กิ่งไม้   และกระดูกสัตว์ต่าง ๆ เป็นสัญลักษณ์สื่อความหมายต่อกัน เช่น การสื่อความหมายถึงแหล่งล่าสัตว์ชนิดใด จะทำโดยการยกชูกระดูกของสัตว์ชนิดนั้น แล้วชี้ไปยังทิศทางที่มีสัตว์ชนิดนั้นอาศัยอยู่

เมื่อประมาณแสนปีมาแล้ว   เผ่าพันธุ์ของมนุษย์ในยุคปัจจุบัน หรือที่เรียกว่า  โฮโมซาเปี้ยน (Homo Sapiens) รู้จักรวมกันเป็นกลุ่มอาศัยในถ้ำ  ได้ใช้สีตามธรรมชาติเขียนลายเส้นบนหน้าตาและร่างกาย   เพื่อเป็นเครื่องหมายสื่อความหมายบอกบทบาท   บอกหมู่เหล่า   ลายเส้นบนเครื่องมือบอกวิธีใช้และความเป็นเจ้าของ และเขียนภาพเหมือนของคน  สัตว์  และสิ่งของบนผนังถ้ำ  เพียงการชี้ไปยังภาพบนผนังถ้ำก็จะสื่อความหมายต่อกันได้ว่า   สัตว์ชนิดใด   ใช้อาวุธอะไร  ใช้คนเท่าไร  ทำให้การล่าสัตว์ทำได้ดีขึ้นและปลอดภัยมากขึ้น   ภาพเหล่านี้ช่วยให้การสื่อความหมายทำได้ง่ายและรวดเร็วขึ้น สามารถใช้อธิบายและสื่อความหมายเป็นเรื่องราวและเป็นพื้นฐานในการวิวัฒนาการมาเป็นภาษาพุดและภาษาเขียนในสมัยต่อมา  

ภาพบนผนังถ้ำ   ลายเส้นตามหน้าตาและร่างกาย   ลายเส้นบนเครื่องมือ  เป็นสิ่งที่ภาษาในปัจจุบันเรียกว่า   งานกราฟิก (Graphic)  จะเห็นได้ว่า  งานกราฟิกเป็นภาพและสัญลักษณ์ต่าง ๆ เป็นสิ่งย่อแก่นของประสบการณ์ของมนุษย์มาเป็นสิ่งแวดล้อมทางสติปัญญา   ช่วยให้มนุษย์สื่อความหมายและถ่ายทอดประสบการณ์ให้แก่กันและกันได้อย่างรวดเร็วและมีประสิทธิภาพ   งานกราฟิกจึงเป็นเครื่องมือคู่กับสังคมมนุษย์ตลอดมาตั้งแต่สมัยดึกดำบรรพ์

http://www.rayongwit.ac.th/graphicweb/page/unit1-1.html

บทบาทและความสำคัญของกราฟฟิก

บทบาทและความสำคัญของกราฟฟิก

บทบาทและความสำคัญของงานกราฟิก
งานกราฟฟิกเป็นการออกแบบทางศิลปะ ตามหลักของการออกแบบ
การใช้สีประกอบเพื่อเน้นและดึงดูดความสนใจ ช่วยเน้นลายละเอียด
ให้ชัดเจนทำให้เห็นความสำคัญของการสร้างภาพเพื่อสื่อความหมาย
การใช้งานกราฟฟิกที่ดีสามารถทำให้มนุษย์สื่อสารกัน เข้าใจกัน และเกิดจินตนาการร่วมกัน

ความสำคัญของงานด้านกราฟฟิก

• ช่วยทำให้การสื่อสารข้อมูลเป็นไปได้อย่างรวดเร็วชัดเจนและเข้าใจตรงกัน
• ช่วยทำให้เกิดแนวคิดใหม่ ๆ และสร้างสรรค์อยู่เสมอ
• ช่วยทำให้ข้อมูลที่มีอยู่เป็นระเบียบมากขึ้น
• ช่วยพัฒนาความก้าวหน้าในทางธุรกิจ
• ช่วยทำให้งานเกิดความน่าสนใจ ประทับใจ
• ช่วยสร้างจุดเด่นให้กับผลิตภัณฑ์
• ส่งเสริมงานด้านศิลปะ

https://sites.google.com/site/janjerilibli/home/1-3-bthbath-laea-khwam-sakhay-khxng-ngan-dan-krafik

ความหมายเกี่ยวกับกราฟฟิก

ความหมายเกี่ยวกับกราฟฟิก

กราฟิก หมายถึง ศิลปะแขนงหนึ่งซื่งใช้การสื่อความหมายด้วยเส้น สัญลักษณ์ รูปวาด ภาพถ่าย กราฟ แผนภูมิ การ์ตูน ฯลฯ เพื่อให้สามารถสื่อความหมายของข้อมูลได้ถูกต้องตรงตามที่ผู้รับสารต้องการ 

https://sites.google.com/site/golfkuppom/khwam-ru-thang-khxmphiwtexr/khwam-hmay-khxng-khxmphiwtexr-krafik

ประเภทของกราฟฟิก

ประเภทของกราฟฟิก

ประเภทกราฟฟิก

การสร้างภาพกราฟิกด้วยคอมพิวเตอร์ มีวิธีการสร้าง 2 แบบ คือ แบบบิตแมพ (Bit Mapped) และแบบเวกเตอร์ (Vector) หรือสโตรก (Stroked)

   ภาพที่เกิดบนจอคอมพิวเตอร์ เกิดจากการทำงานของโหมดสี RGB ซึ่งประกอบด้วย สีแดง (Red) สีเขียว (Green) และสีน้ำเงิน (Blue) โดยใช้หลักการยิงประจุไฟฟ้าให้เกิดการเปล่งแสงของสีทั้ง 3 สี มาผสมกันทำให้เกิดเป็นจุดสีเล็ก ๆ ที่เรียกว่า พิกเซล (Pixel) โดยพิกเซลจะมีหลากหลายสี เมื่อนำมาวางต่อกันจะเกิดเป็นรูปภาพ ซึ่งภาพที่ใช้กับเครื่องคอมพิวเตอร์ มี 2 ประเภท คือ
    ภาพกราฟิกที่เกิดจากการเรียงตัวของจุดสี่เหลี่ยมเล็ก ๆ หลากหลายสี ที่เรียกว่า พิกเซล ในการสร้างภาพกราฟิกแบบ Raster จะต้องกำหนดจำนวนพิกเซลให้กับภาพที่ต้องการสร้าง ถ้ากำหนดจำนวนพิกเซลน้อย เมื่อขยายภาพให้มีขนาดใหญ่ขึ้น จะทำให้มองเห็นภาพเป็นจุดสี่เหลี่ยมเล็ก ๆ หรือถ้ากำหนดจำนวนพิกเซลมากก็จะทำให้แฟ้มภาพมีขนาดใหญ่ ดังนั้น การกำหนดจำนวนพิกเซลจึงควรกำหนดให้เหมาะสมกับงานที่จะสร้าง เช่น งานที่มีความละเอียดน้อย หรือภาพสำหรับเว็บไซต์ ควรกำหนดจำนวนพิกเซล ประมาณ 72 ppi (pixel / inch คือ จำนวนพิกเซลใน 1 ตารางนิ้ว) แต่ถ้าเป็นงานแบบพิมพ์ เช่น นิตยสาร ปกหนังสือ โปสเตอร์ขนาดใหญ่ จะกำหนดประมาณ 300 – 350 ppi เป็นต้น ข้อดีของภาพกราฟิกแบบ Raster คือ สามารถปรับแต่งสี ตกแต่งภาพได้ง่ายและสวยงาม ซึ่งโปรแกรมที่นิยมใช้สร้างภาพกราฟิกแบบ Raster คือ Photoshop, Paint เป็นต้น ภาพกราฟิกแบบ Raster ที่ขยายใหญ่ขึ้น จะมองเห็นภาพเป็นจุดสี่เหลี่ยม
       2.2 ภาพกราฟิกแบบ Vector เป็นภาพกราฟิกที่เกิดจากการอ้างอิงความสัมพันธ์ทางคณิตศาสตร์ หรือการคำนวณ ซึ่งภาพจะมีความเป็นอิสระต่อกัน โดยแยกชิ้นส่วนของภาพทั้งหมดออกเป็นเส้นตรง เส้นโค้ง รูปทรง เมื่อมีการขยายภาพความละเอียดของภาพจะไม่ลดลง แฟ้มมีขนาดเล็กกว่าแบบ Raster ภาพกราฟิกแบบ Vector นิยมใช้เพื่องานสถาปัตยกรรมตกแต่งภายใน และการออกแบบต่าง ๆ เช่น การออกแบบรถยนต์ การออกแบบอาคาร การสร้างการ์ตูน เป็นต้น ซึ่งโปรแกรมที่นิยมใช้สร้างภาพแบบ Vector คือ โปรแกรม Illustrator, CorrelDraw, 3Ds Max แต่อุปกรณ์ที่ใช้แสดงผลภาพ เช่น จอคอมพิวเตอร์ หรือเครื่องพิมพ์ จะเป็นการแสดงผลภาพแบบ Raster ภาพกราฟิกแบบ Vector ที่ขยายใหญ่ขึ้น ความละเอียดของภาพจะไม่ลดลง

ขอขอบคุณที่มา

http://krunum.wordpress.com

หลักกการทำงานและการแสดงผลของกราฟฟิก

หลักกการทำงานและการแสดงผลของกราฟฟิก

หลักกการทำงานและการแสดงผลของกราฟฟิก
             ภาพที่เกิดบนจอคอมพิวเตอร์ เกิดจากการทำงานของโหมดสี RGB ซึ่งประกอบด้วย สีแดง (Red), สีเขียว(Green) และสีน้ำเงิน(Blue) โดยใช้หลักการยิงประจุไฟฟ้าให้เกิดการเปล่งแสง ของสีทั้ง 3 สีมาผสมกันทำให้เกิดเป็นจุดสี่เหลี่ยมเล็กๆ ที่เรียกว่า พิกเซล(Pixel) ซึ่งมาจาก คำว่า Picture กับ Element โดยพิกเซลจะมีหลากหลายสี เมื่อนำมาวางต่อกันจะเกิดเป็น รูปภาพ ซึ่งภาพที่ใช้กับเครื่องคอมพิวเตอร์มี 2 ประเภท คือ แบบ Raster และแบบ Vecto
               

 หลักการของกราฟิกแบบ Raster

หลักการของภาพกราฟิกแบบ Raster หรือแบบ Bitmap เป็นภาพกราฟิกที่เกิดจาก การเรียงตัวกันของจุดสี่เหลี่ยมเล็กๆ หลากหลายสี ซึ่งเรียกจุดเล็กๆ นี้ว่า พิกเซล(Pixel) ในการสร้างภาพกราฟิกแบบ Raster จะต้องกำหนดจำนวนของพิกเซลให้กับภาพที่ต้องการ สร้าง ถ้ากำหนดจำนวนพิกเซลน้อย เมื่อขยายภาพให้มีขนาดใหญ่ขึ้นจะทำให้มองเห็นภาพ เป็นจุดสี่เหลี่ยมเล็กๆ หรือถ้ากำหนดจำนวนพิกเซลมากก็จะทำให้แฟ้มภาพมีขนาดใหญ่ ดังนั้นการกำหนดพิกเซล จึงควรกำหนดให้เหมาะสมกับงานที่สร้าง คือถ้าต้องการใช้งานทั่วๆ ไปจะกำหนดพิกเซลประมาณ 100 – 150 ppi (Pixel/inch) “จำนวนพิกเซลต่อ 1 ตารางนิ้ว” ถ้าเป็นงานที่ต้องการความละเอียดน้อยและแฟ้มภาพมีขนาดเล็ก เช่น ภาพสำหรับใช้กับเว็บไซต์ จะกำหนดจำนวนพิกเซลประมาณ 72 ppi และถ้าเป็นแบบงานพิมพ์ เช่นนิตยสาร โปสเตอร์ ขนาดใหญ่จะกำหนดจำนวนพิกเซลประมาณ 300 – 350 เป็นต้นข้อดีของภาพกราฟิกแบบ Raster คือ สามารถแก้ไขปรับแต่งสี ตกแต่งภาพได้ง่ายและ สวยงาม ซึ่งโปรแกรมที่นิยมใช้สร้างภาพกราฟิกแบบ Raster คือ Adobe Photoshop, Adobe PhotoshopCS, Paint ภาพแบบ Raster หรือที่ ส่วนใหญ่จะเรียกอีกอย่าง ภาพบิตแมพ (Bitmap) มักนิยมใช้กับ ภาพถ่าย หรือภาพวาด เพราะสามารถใส่โทนสีของภาพได้เหมือนจริง แต่ข้อเสียของภาพแบบ Raster ก็คือเมื่อมีการขยายภาพมากๆ ซึ่งขนาดของ Pixel ก็จะเพิ่มขึ้น ทำให้เห็นภาพ ไม่ละเอียดเป็นขอบหยักๆ
หลักการของกราฟิกแบบ Vector
                       หลักการของกราฟิกแบบ Vector เป็นภาพกราฟิกที่เกิดจากการอ้างอิงความสัมพันธ์ทาง คณิตศาสตร์ หรือการคำนวณซึ่งภาพจะมีความเป็นอิสระต่อกัน โดยแยกชิ้นส่วนของภาพ ทั้งหมดออกเป็นเส้นตรง เส้นโค้ง รูปทรง เมื่อมีการขยายภาพความละเอียดของภาพไม่ลดลง แฟ้มมีขนาดเล็กกว่าแบบ Raster ภาพกราฟิกแบบ Vector นิยมใช้เพื่องานสถาปัตย์ตกแต่ง ภายในและการออกแบบต่างๆ เช่น การออกแบบอาคาร การออกแบบรถยนต์ การสร้างโลโก้ การสร้างการ์ตูน เป็นต้น ซึ่งโปรแกรมที่นิยมใช้สร้างภาพแบบ Vector คือ โปรแกรม Illustrator, CorelDraw, AutoCAD, 3Ds max เป็นต้น แต่อุปกรณ์ที่ใช้แสดงผลภาพ เช่น จอคอมพิวเตอร์ หรือเครื่องพิมพ์จะเป็นการแสดงผลภาพเป็นแบบ Raster

ขอขอบคุณที่มา

http://krumaew.wordpress.com

สีและแสงที่ใช้ในงานกราฟฟิก

สีและแสงที่ใช้ในงานกราฟฟิก

สีที่เรามองเห็นรอบๆ ตัวนั้น เกิดขึ้นได้จากการที่ตาของเรารับแสงที่สะท้อนมาจากวัตถุเหล่านั้น ซึ่งความยาวของคลื่นแสงที่แตกต่างกัน  จะส่งผลให้เรามองเห็นสีที่แตกต่างกันด้วย และสำหรับงานคอมพิวเตอร์กราฟิกนั้นจะมีการผสมสีที่เกิดจากแสงแสดงบนจอภาพ หรือการผสมหมึกสีพิมพ์ออกมาทางเครื่องพิมพ์
   3.5 ความลึกของสี ( Bit Depth ) คอมพิวเตอร์สามารถสร้างและแสดงสีในภาพได้เป็นหลายล้านสี ดังนั้น คอมพิวเตอร์จะมีวิธีการจดจำและอ้างอิงค่าสีโดยอาศัยดัชนีเป็นตารางสี ตัวอย่างเช่น การ์ดจอที่สามารถแสดงสีได้  2  บิต   ก็จะแสดงสีได้ 4 สี เพราะเนื่องจากคอมพิวเตอร์จะเก็บข้อมูลใน 1 บิต ได้ 2 ค่า คือ  0 และ 1 เราจึงสามารถคำนวณจำนวนสีได้ตามสูตร คือ จำนวนสีที่แสดงได้ = 2 ยกกำลังด้วย จำนวนบิต

เช่น การ์ดจอที่สามารถแสดงสีได้ 24 บิต ก็จะแสดงสีได้ = 2²⁴ = 16.7 ล้านสี เป็นต้น

ปัจจุบันเราจะพบว่าการแสดงผลภาพบนหน้าจอคอมพิวเตอร์กราฟิก  สามารถแสดงสีได้ตั้งแต่  16.7  ล้านสีขึ้นไป  เนื่องจากการ์ดจอส่วนใหญ่สามารถแสดงสีได้ตั้งแต่ 24 บิตไปจนถึง 32  และ 64 บิต

3.6    โมเดลของสี ( Color  Model )  โดยทั่วไปแล้วสีต่างๆ ในธรรมชาติและสีที่ถูกสร้างขึ้น จะมีรูปแบบการมองเห็นสีที่แตกต่างกัน  ซึ่งรูปแบบการมองเห็นสีนี้เรียกว่า “โมเดล (Model)” ดังนั้น จึงทำให้มีโมเดลหลายแบบดังที่เราจะได้ศึกษาต่อไปนี้ คือ

1.โมเดลแบบ HSB ตามหลักการมองเห็นสีของสายตามนุษย์

2.โมเดลแบบ RGB ตามหลักการแสดงสีของเครื่องคอมพิวเตอร์

3.โมเดลแบบ CMYK ตามหลักการแสดงสีของเครื่องพิมพ์

4.โมเดล Lab ตามมาตรฐานของ CIE

3.7 โมเดลแบบ HSB ตามหลักการมองเห็นสีของสายตามนุษย์

เป็นลักษณะพื้นฐานการมองเห็นสีด้วยสายตาของมนุษย์ โมเดล HSB จะประกอบด้วยลักษณะของสี 3 ลักษณะคือ

1.   Hue เป็นสีของวัตถุที่สะท้อนเข้ามายังตาของเรา ทำให้เราสามารถมองเห็นวัตถุเป็นสีได้ ซึ่งแต่ละสีจะแตกต่างกันตามความยาวของคลื่นแสงที่มากระทบวัตถุและสะท้อนกลับที่มีตาของเรา Hue ถูกวัดโดยตำแหน่งการแสดงสีบน Standard Color Wheel ซึ่งถูกแทนด้วยองศา คือ 0 ถึง 360 องศา แต่โดยทั่วๆ ไปแล้วมักจะเรียกการแสดงสีนั้นๆ เป็นชื่อของสีเลย เช่น สีแดง สีม่วง สีเหลือง

            2.   Saturation คือสัดส่วนของสีเทาที่มีอยู่ในสีนั้น โดยวัดค่าสีเทาในสีหลักเป็นเปอร์เซ็นต์ดังนี้คือ จาก 0% (สีเทาผสมอยู่มาก) จนถึง 100% (สีเทาไม่มีเลย หรือเรียกว่า “Full Saturation” คือสีที่มีความอิ่มตัวเต็มที่) โดยค่า Saturation นี้จะบ่งบอกถึงความเข้มข้นและความจางของสี ถ้าถูกวัดโดยตำแหน่งบน Standard Color Wheel ค่า Saturation จะเพิ่มขึ้นจากจุดกึ่งกลางจนถึงเส้นขอบ โดยค่าที่เส้นขอบจะมีสีที่ชัดเจนและอิ่มตัวที่สุด

3.   Brightness เป็นเรื่องราวของความสว่างและความมืดของสี ซึ่งถูกกำหนดค่าเป็นเปอร์เซ็นต์จาก 0% (สีดำ) ถึง 100% (สีขาว) ยิ่งมีเปอร์เซ็นต์มากจะทำให้สีนั้นสว่างมากขึ้น

ขอขอบคุณที่มา

https://docs.google.com/document/d/14wFGUfMMFv3sc9NzpK5pBdqOzOkGMbCkI_LQoKEKSM/edit?pli=1

ชนิดและรูปแบบไฟล์กราฟิก

ชนิดและรูปแบบไฟล์กราฟิก

ไฟล์กราฟิกมีรูปแบบอยู่ 3 ไฟล์ คือ
1.ไฟล์สกุล GIF (Graphics Interlace File) เป็นไฟล์กราฟิกมาตรฐาน จะใช้เมื่อต้องการไฟล์ที่มีขนาดเล็ก จำนวนสีและความละเอียดของภาพไม่สูง ต้องการพื้นแบบโปร่งใส ต้องการแสดงผลแบบโครงร่างก่อน แล้วค่อยแสดงผลแบบละเอียด ต้องการนำเสนอภาพแบบภาพเคลื่อนไหว
จุดเด่น มีขนาดไฟล์ต่ำ สามารถทำพื้นของภาพให้เป็นพื้นแบบโปร่งใสได้ มีระบบแสดงผลแบบหยาบและค่อยๆ ขยายไปสู่ละเอียด เรียกดูได้กับ Graphics Browser ทุกตัว ความสามารถด้านการนำเสนอแบบภาพเคลื่อนไหว ( Gif Animation)
จุดด้อย  แสดงสีได้เพียง 256 สี ไฟล์ .GIF มี 2 สกุล ได้แก่ GIF87 เป็นไฟล์ที่มีขนาดเล็กและแสดงผลสีได้เพียง 256 สี และกำหนดให้แสดงผลแบบโครงร่างได้ ,GIF89A ซึ่งเป็นไฟล์กราฟิกที่มีความสามารถพิเศษโดยนำเอาไฟล์ภาพหลายไฟล์มารวมกันและนำเสนอภาพโดยอาศัยการหน่วงเวลา มีการใส่รูปแบบการนำเสนอในลักษณะภาพเคลื่อนไหว 

2.ไฟล์สกุล JPG (Joint Photographer’s Experts Group) เป็นไฟล์ที่นิยมใช้บน Internet ใช้กรณี ภาพที่ต้องการนำเสนอมีความละเอียดสูง และใช้สีจำนวนมาก จะใช้กับภาพถ่ายที่นำมาสแกนและต้องการนำไปใช้บนอินเทอร์เน็ต เพราะให้ความคมชัดและความละเอียดของภาพสูง
จุดเด่น สนับสนุนสีได้ ถึง 24 bit สามารถกำหนดค่าการบีบไฟล์ มีระบบแสดงผลแบบหยาบ ขยายไปสู่ละเอียดในระบบ Progressive เรียกดูได้กับ Graphics Browser ทุกตัว ตั้งค่าการบีบไฟล์ได้
จุดด้อย  ทำให้พื้นของรูปโปร่งใสไม่ได้ กำหนดค่าการบีบไฟล์ไว้สูง ( 1 - 10) เมื่อมีการส่งภาพจาก Server ไปแสดงผลที่ Client จะทำให้การแสดงผลช้ามาก เพราะต้องเสียเวลาในการคลายไฟล์ 

3.ไฟล์สกุล PNG (Portable Network Graphics)

จุดเด่น สนับสนุนสีได้ถึงตามค่า True color สามารถกำหนดค่าการบีบไฟล์ได้ มีระบบแสดงผลแบบหยาบ ขยายไปสู่ละเอียด สามารถทำพื้นโปร่งใสได้
จุดด้อย หากกำหนดค่าการบีบไฟล์ไว้สูง จะใช้เวลาในการคลายไฟล์สูงตามไปด้วย แต่ขนาดของไฟล์จะมีขนาดต่ำ ไม่สนับสนุนกับ Graphic Browser รุ่นเก่า ความละเอียดของภาพและจำนวนสีขึ้นอยู่กับ Video Card โปรแกรมสนับสนุนในการสร้างมีน้อย

ไฟล์กราฟิก มี 2 ชนิด คือ 

1.กราฟิกแบบ Bitmap เป็นภาพแบบ Resolution Dependent ประกอบ ขึ้นด้วยจุดสีต่างๆที่มีจำนวนคงที่ตายตัวตามการสร้างภาพที่มี Resolution หรือความละเอียดของภาพต่างกันไป หากขยายภาพ Bitmap จะเห็นว่ามีลักษณะเป็นตารางเล็กๆ ซึ่งแต่ละบิตคือส่วนหนึ่งของข้อมูลคอมพิวเตอร์
              ภาพแบบ Bitmap เหมาะสำหรับงานกราฟิกที่ให้แสงเงาในรายละเอียด เป็นไฟล์ที่เหมาะกับการทำงานกับภาพเหมือนจริงประเภทภาพถ่าย เพราะ Bitmap มี Channel พิเศษ เรียกว่า Alpha Channel ซึ่งเป็น 32 bit  คือสีสมจริง

ไฟล์ภาพแบบ Bitmap ในระบบวินโดวส์คือ ไฟล์ที่มีนามสกุล .BMP, .PCX. , .TIF, .GIF, .JPG, .MSP, .PCD  สำหรับโปรแกรมที่ใช้สร้างกราฟิกแบบนี้คือ Paintbrush, PhotoShop, Photostyler
2.กราฟิกแบบ Vectorเป็นภาพประเภท Resolution-Independent มี ลักษณะของการสร้างให้แต่ละส่วนเป็นอิสระต่อกัน โดยแยกชิ้นส่วนของภาพทั้งหมดออกเป็นเส้นตรง รูปทรงหรือส่วน เป็นการรวมเอา Object ต่างชนิดมาผสมกัน มีทิศทางการลากเส้นไปในแนวต่างๆ เพื่อสร้างภาพที่แตกต่างกันโดยใช้คำสั่งง่ายๆ จึงเรียกภาพประเภทนี้ว่า Vector Graphic
        ลักษณะเด่นคือ สามารถยืดหรือหดภาพเท่าใดก็ได้ โดยที่ภาพจะไม่แตก ความละเอียดของภาพไม่เปลี่ยนแปลง และไฟล์มีขนาดเล็กกว่าภาพ Bitmap 

ไฟล์รูปภาพแบบ Vector ในระบบวินโดวส์คือ ไฟล์ที่มีนามสกุล .EPD, .WMF, .CDR, .AI, .CGM, .DRW, .PLT เป็นต้น โดยมีโปรแกรม CorelDraw เป็นโปรแกรมสร้าง

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

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

http://por2228.exteen.com/20111026/entry-8

การประยุกต์ใช้งานกราฟิก

1.คอมพิวเตอร์กราฟิกกับการออกแบบ

         คอมพิวเตอร์กราฟิกได้ถูกนำมาใช้ในการ ออกแบบมาเป็นเวลานาน เราคงจะเคยได้ยินคำว่า CAD (Computer - Aided Design) ซึ่งเป็นโปรแกรมสำหรับช่วยในการออกแบบทางวิศวกรรม โปรแกรมเหล่านี้จะช่วยให้ผู้ออกแบบหรือวิศวกรออกแบบงานต่างๆ ได้สะดวกขึ้น กล่าวคือ ผู้ออกแบบสามารถเขียนเป็นแบบลายเส้นแล้วลงสี แสงเงา เพื่อให้ดูคล้ายกับของจริงได้ นอกจากนี้แล้วเมื่อผู้ออกแบบกำหนดขนาดของวัตถุลงในระบบ CAD แล้ว ผู้ออกแบบยังสามารถย่อหรือขยายภาพนั้น หรือต้องการหมุนภาพไปในมุมต่างๆ ได้ด้วย การแก้ไขแบบก็ทำได้ง่ายและสะดวกกว่าการออกแบบบนกระดาษ

         ทางด้านวิศวกรรมไฟฟ้าและอิเล็กทรอนิกส์ คอมพิวเตอร์กราฟิกถูกนำมาใช้ในการออกแบบวงจรต่างๆ ผู้ออกแบบสามารถวาดวงจรบนจอภาพโดยใช้สัญลักษณ์ต่างๆ ที่ระบบจัดเตรียมไว้ให้แล้วมาประกอบกันเป็นวงจรที่ต้องการ ผู้ออกแบบสามารถแก้ไข ตัดต่อ เพิ่มเติมวงจรได้โดยสะดวก นอกจากนี้ยังมีโปรแกรมสำหรับออกแบบ PCB (Printed Circuit Board) ซึ่งมีความสามารถจัดการให้แผ่นปรินต์มีขนาดที่จะวางอุปกรณ์ทาง อิเล็กทรอนิกส์ได้เหมาะสมที่สุด

         การออกแบบพาหนะต่างๆ เช่น รถยนต์ เครื่องบิน หรือเครื่องจักรต่างๆ ในปัจจุบันก็ใช้ระบบ CAD นักออกแบบสามารถจะออกแบบส่วนย่อยๆ แต่ละส่วนก่อน แล้วนำมาประกอบกันเป็นส่วนใหญ่ขึ้นจนเป็นเครื่องจักรเครื่องยนต์ที่ต้องการ ได้ นอกจากนี้ในบางระบบยังสามารถที่จะทดสอบแบบจำลองที่ออกแบบไว้ได้ด้วย เช่น อาจจะออกแบบรถยนต์แล้วนำโครงสร้างของรถที่ออกแบบนั้นมาจำลองการวิ่ง โดยให้วิ่งที่ความเร็วต่างๆ กันแล้วตรวจดูผลที่ได้ ซึ่งการทดลองแบบนี้สามารถทำได้ในระบบคอมพิวเตอร์และจะประหยัดกว่าการสร้างรถ จริงๆ แล้วนำออกมาศึกษาทดสอบการวิ่ง

          การออกแบบโครงสร้าง เช่น ตึก บ้าน สะพาน หรือโครงสร้างใดๆ ทางวิศวกรรมโยธาและสถาปัตยกรรม ก็สามารถทำได้โดยใช้ CAD ช่วยในการออกแบบ หลังจากสถาปนิกออกแบบโครงสร้างในแบบ 2 มิติเสร็จแล้ว ระบบ CAD สามารถจัดการให้เป็นภาพ 3 มิติ และยังสามารถแสดงภาพที่มุมมองต่างๆ กันได้ตามที่ผู้ออกแบบต้องการ นอกจากนี้ในบางระบบสามารถแสดงภาพให้ปรากฏต่อผู้ออกแบบราวกับว่าผู้ออกแบบ สามารถเดินเข้าไปภายในอาคารที่ออกแบบได้ด้วย

2. กราฟและแผนภาพ       

           คอมพิวเตอร์กราฟิกถูกนำมาใช้ในการแสดงภาพกราฟและแผนภาพของข้อมูลได้เป็น อย่างดี โปรแกรมทางกราฟิกทั่วไปในท้องตลาดจะเป็นโปรแกรมที่ใช้ในการสร้างภาพกราฟและ แผนภาพ โปรแกรมเหล่านี้ยังสามารถสร้างกราฟได้หลายแบบ เช่น กราฟเส้น กราฟแท่ง และกราฟวงกลม นอกจากนี้ยังสามารถแสดงภาพกราฟได้ทั้งในรูปแบบ 2 มิติ และ 3 มิติ ทำให้ภาพกราฟที่ได้ดูดีและน่าสนใจ กราฟและแผนภาพทางธุรกิจ เช่น กราฟหรือแผนภาพแสดงการเงิน สถิติ และข้อมูลทางเศรษฐกิจ จะเป็นประโยชน์ต่อผู้บริหารหรือผู้จัดการกิจการมาก เนื่องจากสามารถทำความเข้าใจกับข้อมูลได้ง่ายและรวดเร็วกว่าเดิม ในงานวิจัยต่างๆ เช่น การศึกษาทางฟิสิกส์ กราฟและแผนภาพมีส่วนช่วยให้นักวิจัยทำความเข้าใจกับข้อมูลได้ง่ายขึ้นเมื่อ ข้อมูลที่ต้องวิเคราะห์มีจำนวนมาก

         ระบบข้อมูลทางภูมิศาสตร์ หรือ GIS (Geographical Information System) ก็เป็นรูปแบบหนึ่งของการแสดงข้อมูลในทำนองเดียวกับกราฟและแผนภาพ ข้อมูลทางภูมิศาสตร์จะถูกเก็บลงในระบบคอมพิวเตอร์ แล้วให้ระบบคอมพิวเตอร์กราฟิกจัดการแสดงข้อมูลเหล่านั้นออกมาทางจอภาพในรูป ของแผนที่ทางภูมิศาสตร์

3. ภาพศิลป์โดยคอมพิวเตอร์กราฟิก

         การวาดภาพในปัจจุบันนี้ใครๆ ก็สามารถวาดได้แล้วโดยไม่ต้องใช้พู่กันกับจานสี แต่จะใช้คอมพิวเตอร์กราฟิกแทน ภาพที่วาดในระบบคอมพิวเตอร์กราฟิกนี้เราสามารถกำหนดสี แสงเงา รูปแบบลายเส้นที่ต้องการได้โดยง่าย ภาพโฆษณาทางโทรทัศน์หลายชิ้นก็เป็นงานจากการใช้คอมพิวเตอร์กราฟิก ข้อดีของการใช้คอมพิวเตอร์วาดภาพก็คือ เราสามารถแก้ไขเพิ่มเติมส่วนที่ต้องการได้ง่าย นอกจากนี้เรายังสามารถนำภาพต่างๆ เก็บในระบบคอมพิวเตอร์ได้โดยใช้เครื่องสแกนเนอร์ (Scanner) แล้วนำภาพเหล่านั้นมาแก้ไข

4. ภาพเคลื่อนไหวโดยใช้คอมพิวเตอร์

         ภาพยนตร์การ์ตูนและภาพยนตร์ประเภทนิยายวิทยาศาสตร์หรือภาพยนตร์ที่ใช้เทคนิค พิเศษต่างๆ ในปัจจุบันมีการนำคอมพิวเตอร์กราฟิกเข้ามาช่วยในการออกแบบและสร้างภาพ เคลื่อนไหว (Computer Animation) มากขึ้น เนื่องจากเป็นวิธีที่สะดวก รวดเร็ว และง่ายกว่าวิธีอื่นๆ นอกจากนี้ภาพที่ได้ยังดูสมจริงมากขึ้น เช่น ภาพยานอวกาศที่ปรากฏในภาพยนตร์ประเภทนิยายวิทยาศาสตร์ เป็นต้น การใช้คอมพิวเตอร์กราฟิกช่วยให้ภาพที่อยู่ในจินตนาการของมนุษย์สามารถนำออก มาทำให้ปรากฏเป็นจริงได้ ภาพเคลื่อนไหวมีประโยชน์มากทั้งในระบบการศึกษา การอบรม การวิจัย และการจำลองการทำงาน เช่น จำลองการขับรถ การขับเครื่องบิน เป็นต้น เกมส์คอมพิวเตอร์หรือวิดีโอเกมส์ก็ใช้หลักการทำภาพเคลื่อนไหนในคอมพิวเตอร์ กราฟิกเช่นกัน

 5. อิเมจโปรเซสซิงก์

         คำว่าอิเมจโปรเซสซิงก์ (Image Processing) หมายถึง การแสดงภาพที่เกิดจากการถ่ายรูปหรือจากการสแกนภาพให้ปรากฏบนจอภาพ คอมพิวเตอร์ วิธีการทางอิเมจโปรเซสซิงก์จะต่างกับวิธีการของคอมพิวเตอร์กราฟิก กล่าวคือ ในระบบคอมพิวเตอร์กราฟิก ตัวคอมพิวเตอร์เองจะเป็นตัวที่สร้างภาพ แต่เทคนิคทางอิเมจโปรเซสซิงก์นั้นใช้คอมพิวเตอร์สำหรับการจัดรูปแบบของสีและ แสงเงาที่มีอยู่แล้วในภาพให้เป็นข้อมูลทางดิจิตอล แล้วอาจจะมีวิธีการทำให้ภาพที่รับเข้ามานั้นมีความชัดเจนมากขึ้นก่อน จากนั้นก็จัดการกับข้อมูลดิจิตอลนี้ให้เป็นภาพส่งออกไปที่จอภาพของ คอมพิวเตอร์อีกที วิธีการนี้มีประโยชน์ในการแสดงภาพของวัตถุที่เราไม่สามารถจะเห็นได้โดยตรง เช่น ภาพถ่ายดาวเทียม ภาพจากทีวีสแกนของหุ่นยนต์อุตสาหกรรม เป็นต้น

          เมื่อภาพถ่ายถูกทำให้เป็นข้อมูลดิจิตอลแล้ว เราก็สามารถจะจัดการแก้ไขเปลี่ยนแปลงภาพนั้นได้โดยจัดการกับข้อมูลดิจิตอล ของภาพนั่นเอง ซึ่งเราก็จะใช้หลักการของคอมพิวเตอร์กราฟิกมาใช้กับข้อมูลเหล่านี้ได้ เช่น ในภาพสำหรับการโฆษณา เราสามารถทำให้ภาพที่เห็นเหมือภาพถ่ายนั้นแปลกออกไปจากเดิมได้โดยมีภาพ บางอย่างเพิ่มเข้าไปหรือบางส่วนของภาพนั้นหายไป ทำให้เกิดภาพที่ไม่น่าจะเป็นจริงแต่ดูเหมือนกับเกิดขึ้นจริงได้ เป็นต้น

    เทคนิคของอิเมจโปรเซสซิงก์สามารถประยุกต์ใช้กับการแพทย์ได้ เช่น เครื่องเอกซเรย์ โทโมกราฟี (X-ray Tomography) ซึ่งใช้สำหรับแสดงภาพตัดขวางของระบบร่างกายมนุษย์ เป็นต้น

         จากที่กล่าวมาแล้ว เราจะเห็นได้ว่าคอมพิวเตอร์กราฟิกนั้นนับวันยิ่งมีความสำคัญในสาขาวิชาต่างๆ มากขึ้น ดังนั้นจึงเป็นการดีที่เราควรจะมีความรู้ความเข้าใจในหลักการและเทคนิคเบื้องต้นต่างๆ ที่ใช้ในคอมพิวเตอร์กราฟิก

6.ภาพยนตร์กับคอมพิวเตอร์กราฟิก

                ความสำเร็จในการพัฒนาการแสดงผลเป็นภาพสี ในช่วงปลายทศวรรษที่ 70 ทำให้คอมพิวเตอร์กราฟิกกลายมาเป็นเครื่องมือสำคัญสำหรับการพัฒนาสื่อประเภท อื่นโดยเฉพาะการสร้างเป็นภาพยนตร์ รวมทั้งนำมาใช้สร้างเทคนิคพิเศษ (Special Effect) ในระยะแรกๆ ภาพเคลื่อนไหวคอมพิวเตอร์กราฟิกถูกนำมาใช้กับโครงการอวกาศก่อน เช่น โครงการวอยเอจเจอร์ (Voyager) ขององค์การบริหารการบินและอวกาศหรือนาซ่า สหรัฐอเมริกา ในปลายทศวรรษที่ 70 ภาพเคลื่อนไหวของโครงการนี้ได้จุดประกายความคิดในการนำคอมพิวเตอร์กราฟิกมา ใช้เป็นเครื่องมือ เพื่อแสดงให้เห็นการเดินทางของยานวอยเอจเจอร์ที่โคจรผ่านดาวเสาร์และดาว พฤหัสในระยะใกล้ด้วยความเร็วสูงโดยใช้เวลาจริง 20 ชั่วโมง แต่ภาพที่ปรากฏออกมาในเบื้องต้นไม่เหมาะสมแก่การเผยแพร่นัก เนื่องจากตำแหน่งที่วอยเอจเจอร์บันทึกภาพอยู่หางจากดวงอาทิตย์มาก และเมื่อวอยเอจเจอร์โคจรผ่ายดาวเสาร์ไปทำให้ตำแหน่งของดวงอาทิตย์ไปปราก ฎอยู่ด้านหลังดาวเคราะห์ ภาพดาวเสาร์จึงแสดงให้เห็นเงามืดเสียเป็นส่วนใหญ่ แต่เนื่องจากสัญญาณที่วอยเอจเจอร์ส่งกลับมายังโลกเป็นข้อมูลดิจิตอล ทำให้นักวิทยาศาสตร์สามารถนำข้อมูลเหล่านั้นมาปรับแต่งสีให้เหมาะกับการนำ เสนอทางโทรทัศน์ จึงทำให้ได้ภาพที่สวยงามและชัดเจนยิ่งขึ้น

                ต่อมาความสำเร็จจากภาพยนตร์เรื่องสตาร์วอร์ (Star War) ในปี ค.ศ. 1979 ซึ่งมีการนำคอมพิวเตอร์ไปใช้สร้างเทคนิคพิเศษหลายด้าน โดยเฉพาะเทคนิคควบคุมการเคลื่อนกล้องด้วยคอมพิวเตอร์ ทำให้ผู้สร้างภาพยนตร์เล็งเห็นความสำคัญของการนำคอมพิวเตอร์กราฟิกมาใช้ ในปี ค.ศ. 1984 บริษัท พิคซาร์ สหรัฐอเมริกา โดย John Lasseter ผู้เป็นทั้งศิลปิน นักโปรแกรมและนักวิจัยคอมพิวเตอร์ ได้ผสมผสานศาสตร์ทางศิลปะและวิทยาศาสตร์เข้าด้วยกันโดยสร้างภาพยนตร์เรื่อง สั้นคอมพิวเตอร์กราฟิกที่นำออกฉาย เรื่องแรกชื่อ Luxo Jr. โดยตัวละครเป็นโคมไฟตั้งโต๊ะในบทของแม่และลูก ต่อมาบริษัทพิคซาร์ ได้เสนอภาพยนตร์คอมพิวเตอร์กราฟิกอีกสองเรื่องคือ Red's Dream และ Tin Toy ตัวเอกในเรื่องเป็นของเล่นไขลานนักดนตรี ทำจากสังกะสี ชื่อ Tinny ภาพยนตร์เรื่องนี้ได้รับรางวัลออสการ์ในสาขาเทคนิคพิเศษการสร้างภาพเคลื่อน ไหวด้วยคอมพิวเตอร์ในปี ค.ศ. 1986

                อย่างไรก็ดีภาพยนตร์คอมพิวเตอร์กราฟิกที่ผ่านมายังคงถูกสร้างขึ้นเป็น ภาพยนตร์สั้นๆ จนกระทั่งในปี ค.ศ. 1991 บริษัทพิคซาร์และวอลดิสนีย์ได้ร่วมกันสร้างภาพยนตร์คอมพิวเตอร์กราฟิกเรื่อง ยาวเป็นเรื่องแรก คือ ทอยสตอรี (Toy Story) ซึ่งแสดงให้เห็นถึงศักยภาพของคอมพิวเตอร์กราฟิกมาเป็นเครื่องมือสำคัญในการ ใช้สร้างภาพยนตร์ได้อย่างมีประสิทธิภาพมาก ซึ่งภายหลังได้มีการผลิตภาพยนตร์

http://montfort-littleidea.blogspot.com/p/8_29.html