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

จิราพร ด่ านเสถียร
โรงเรียนบ้ านแก่ งชัชวลิตวิทยา
กราฟฟิ กคืออะไร
งานกราฟิ ก หมายถึง งานการวางแผนทาง
ศิลปะและการทาหัวเรื่อง โดยขนาดและ
สั ดส่ วนหลักในการออกแบบ รวมถึงการใช้
สี เป็ นองค์ ประกอบเพือ่ เน้ นและดึงดูดความ
สนใจให้ มากขึน้ และเป็ นการช่ วยให้ ได้
รายละเอียดชัดเจนของวัสดุทใี่ ช้
ประกอบการสอน และยังมีความหมาย
รวมไปถึงการผนึกภาพ ภาพถ่ าย
รูปถ่ าย อีกด้ วย
งานกราฟิ กเป็ นงานทีด่ ูเผิน ๆ น่ านะเกีย่ วกับงานพิมพ์
เท่ านั้นแต่ จริง ๆ แล้ วงานกราฟิ กยังเป็ น งานที่มีความ
เกีย่ วพันกับงานอืน่ ๆ อีก ได้ แก่ …..
•
•
•
•
งานประชาสั มพันธ์
งานโทรทัศน์ กราฟิ กจะเกีย่ วข้ องในส่ วนที่เป็ นหัวเรื่อง(title)สไลด์ ฯลฯ
งานจัดฉากละคร เช่ นการจัดฉากในรูปแบบต่ าง ๆ การออกแบบตัวหนังสื อ
งานหนังสื อพิมพ์ วารสารนิยมใช้ สัญลักษณ์ ทางการฟิ กกันมากเพราะ
สั ญลักษณ์ เหล่านีท้ าให้ ผู้อ่านเข้ าใจง่ าย
• งานออกแบบ หรือแบบร่ าง เช่ นออกแบบบ้ าน
• เขียนภาพเหมือน การทาซิลค์ สกรีน
• การออกแบบหนังสื อ เครื่องหมาย สั ญลักษณ์ ต่าง ๆ
ความสาคัญของการออกแบบ :
1. เป็ นสื่ อกลางในการสื่ อความหมายให้ เกิดการเข้ าใจตรงกัน
2. สามารถทาหน้ าทีเ่ ป็ นสื่ อ เพือ่ ให้ เกิดการเรียนรู้ เกิดการศึกษากับกลุ่มเป้าหมาย
ได้
3. ช่ วยให้ งานเกิดความน่ าสนใจ ประทับใจ แก่ ผู้พบเห็น
4. ช่ วยให้ เกิดการกระตุ้นทางความคิด และการตัดสิ นใจได้ อย่ างรวดเร็ว
5. ก่ อให้ เกิดความคิกสร้ างสรรค์
6. ทาให้ ผู้พบเห็นเกิดการเปลีย่ นแปลงพฤติกรรมทั้งทางด้ านการกระทาและ
ความคิด
1. เป็ นสื่ อกลางในการสื่ อความหมายให้ เกิดการเข้ าใจตรงกัน
2. สามารถทาหน้ าทีเ่ ป็ นสื่ อ เพือ่ ให้ เกิดการเรียนรู้ เกิดการศึกษากับ
กลุ่มเป้าหมายได้
3. ช่ วยให้ งานเกิดความน่ าสนใจ ประทับใจ แก่ผู้พบเห็น
4. ช่ วยให้ เกิดการกระตุ้นทางความคิด และการตัดสิ นใจได้ อย่ างรวดเร็ว
5. ก่อให้ เกิดความคิดสร้ างสรรค์
6. ทาให้ พบเห็นเกิดการเปลีย่ นแปลงพฤติกรรมทั้งทางด้ านการกระทาและ
ความคิด
เพือ่ ให้ งานกราฟฟิ กมีความ
โดดเด่ น น่ าสนใจจาเป็ นต้ อง
ใช้ ความรู้ ด้านงาน ศิลปะ
มาช่ วยในการออกแบบ
รูปแบบตัวอักษร
กำหนดระยะห่ำง
กาหนดสี
วางตาแหน่ ง
กำรสร้ำงรู ปแบบตัวอักษรให้มีรูปแบบที่
แปลกตำ สวยงำมจะช่วยเร่ งเร้ำควำมรู้สึกกำร
ตอบสนองได้เป็ นอย่ำงดี โดยเน้นควำม
ชัดเจนสวยงำมสอดคล้องกับจุดประสงค์ และ
ขนำดตัวอักษรต้องมีควำมพอดี อ่ำนง่ำย
การจัดพืน้ ที่ว่างในการออกแบบงานกราฟิ ก มี
วัตถุประสงค์ เพือ่ การจัดระเบียบของข้ อมูลช่ วย
เน้ นความชัดเจน และความเป็ นระเบียบระยะห่ าง
หรือพืน้ ที่ว่างช่ วยพักสายตาในการอ่ าน ทา
ให้ ดูสบายตา
สี มีบทบาทอย่ างมากทีจ่ ะช่ วยเน้ นความชัดเจน ทาให้
สะดุดตา สร้ างสรรค์ ความสวยงาม การกาหนดสี ใด ๆ
ขึน้ อยู่กบั ประเภทของงานนั้น ๆ
เป็ นการจัดวางโครงร่ างทั้งหมดก่อนทีจ่ ะกาหนด
ตาแหน่ งขนาดของภาพประกอบ ตาแหน่ งของข้ อความ
ทั้งหมด และส่ วนประกอบอืน่ ๆ ทีป่ รากฏ ซึ่งต้ อง
คานึงถึงจุดเด่ นทีค่ วรเน้ น ความสมดุลต่ าง ๆ ความ
สบายตาของการมอง
1. ขั้นการคิด จะทาอะไร ออกแบบอย่ างไร เพือ่ ใคร ทาอย่ างไร
2. ขั้นรวบรวมข้ อมูล เป็ นการพยายามเสาะหาข้ อมูลทีเ่ กีย่ วข้ องกัน
ให้ มากทีส่ ุ ดรวมถึงวัสดุอปุ กรณ์ ต่าง ๆ ด้ วย
3. ขั้นร่ างหรือสร้ างหุ่นจาลอง โดยการเขียนภาพคร่ าว ๆ ดูหลาย
ภาพแล้วเลือกภาพทีด่ ีทสี่ ุ ดมาเป็ นแบบจาลอง
4. ขั้นลงมือการสร้ างงานสาเร็จรูป เป็ นการขยายผลงานสาเร็จรูป
ด้ วยวัสดุ และวิธีการทีเ่ ตรียมไว้ หลังจากนั้นตรวจดูความเรียบร้ อย
วรรณะของสี หมายถึง กลุ่มสี ทปี่ รากฎให้ ความรู้สึกทีแ่ ตกต่ างกัน
สั งเกตจากวงล้อสี ปรากฏเป็ น 2 วรรณะ คือ
วรรณะสี ร้อน (Warm Tone)ลักษณะของสี จะให้ ความรู้ สึก
ทีส่ ดใส ร้ อนแรง ฉูดฉาด หรือรื่นเริง สี ในกลุ่มนีไ้ ด้แก่ สี เหลือง สี
แดง แสด และสี ทใี่ กล้เคียง
วรรณะสี เย็น (Cool Tone) ความรู้สึกทีป่ รากฏในภาพจะแสดง
ความสงบ เยือกเย็นจนถึงเศร้ า ได้ แก่ สี นา้ เงิน สี ม่วง สี เขียว และสี ที่
ใกล้เคียง
วรรณะสี โทนร้ อน
วรรณะสี โทนเย็น
สี แดงเป็ นสี ของไฟ การปฎิวตั ิ วามรู้ สึกทางกามรมณ์ ความปรารถนา
สี ของความอ่ อนเยาว์ จึงเป็ นทีช่ อบมากสาหรับเด็กเล็ก ๆ ไม่ เหมาะที่
จะใช้ เป็ นสี ของฉากหลังเพราะจะมีอทิ ธิพลบดบังสี อนื่
สี นา้ เงินเป็ นสี ทเี่ ก็บกด ช่ างฝัน เปล่าเปลีย่ ว ถึงแม้ ว่าจะทาให้ ใสขึน้ โดย
การผสมสี ขาวลงไปก็ตาม สี นา้ เงินเป็ นสี ทใี่ ห้ ความประทับใจเกีย่ วกับ
ความสะอาดบริสุทธิ์ จึงมักใช้ ในที่ ๆ ต้ องการแสดงสุ ขอนามัย
สี เขียว เป็ นสี ทางชีววิทยา ซึ่งใกล้ เคียงกับธรรมชาติ และช่ วย
ให้ ความคิดพลุ่งพล่ านสงบลง เป็ นสี กลาง ๆ ไม่ เย็นไม่ ร้อน
แต่ ถ้าเข้ มไปทางสี นา้ เงินจะดูเป็ นนา้ สี เขียวอมฟ้า
สี ฟ้า เป็ นสั ญลักษณ์ ของนา้ และอาการเคลือ่ นไหวสี ม่วงแสดงถึง
ความรู้ สึกใคร่ ครวญ การทาสมาธิ ความลึกลับ ความเก่าแก่ โบราณ
สี ม่วงคราม ซึ่งใกล้ เคียงกับสี นา้ เงินมากจะดูเกีย่ วข้ องกับโลก
มากกว่ าสี ม่วงแดง
สี ทอง มีตาแหน่ งใกล้ เคียงกับสี ส้ม นับว่ าเป็ นสี อ่ นุ อีกประเภท
หนึ่ง ในขณะทีส่ ี เงินจัดให้ อยู่ในสี เย็น และมีความคล้ ายคลึง
กับสี เทากลาง การใช้ สีเงินออกจะยากกว่ า เนื่องจากต้ องมีสี
อุ่นเข้ ามาใช้ ด้วยหากว่ าต้ องการผลของความรู้ สึกในทางบวก
สี ดา ซึ่งเรียกว่ า "อรงค์ " คือถือว่ าไม่ ใช่ สีดา เป็ นสั ญลักษณ์
ของความมืด ความว่ าง ในการตีพมิ พ์สีดามีค่าทางบวกมาก
เนื่องจากเมื่อเราใช้ สีอนื่ ๆ ไม่ ว่าภาพหรือตัวอักษรลงไปก็จะทา
ให้ สีเหล่ านั้นเจิดจ้ า สะดุดตา
1. ใช้ สีสดสาหรับกระตุ้นให้ เห็นเด่ นชัด เพือ่ การมองเห็นในระยะเวลาสั้ น ๆ
เหมาะอย่ างยิง่ สาหรับการทาสื่ อโฆษณา
2. พึงระลึกไว้ เสมอว่ าการใช้ สีมีวตั ถุประสงค์ เพือ่ ต้ องการเน้ นให้ เห็นเด่ นชัด
มุ่งส่ งเสริมเนือ้ หาสาระให้ มีความชัดเจนมากขึน้ บางครั้งการใช้ สีของนัก
ออกแบบ จะสามารถใช้ สีได้ อย่ างอิสระเพือ่ ความสวยงาม บางครั้ง
จาเป็ นต้ องนึกถึงหลักความเป็ นจริงและความเหมาะสมด้ วย
3. การออกแบบเชิงพาณิชย์ ศิลป์ งานกราฟิ กต่ าง ๆ อาจจะไม่ จาเป็ นต้ องใช้ สี
เสมอไป ผู้ออกแบบจึงจาเป็ นต้ องพิจารณาถึงความเหมาะสมด้ วยว่ าควรใช้
อย่ างไร เพียงไร
4. ควรใช้ สีให้ เหมาะกับวัยของผู้บริโภค
5. การใช้ สีมากเกินไปไม่ เกิดผลดีกบั งานทีอ่ อกแบบอย่ างแท้ จริง เพราะการใช้ สี
หลาย ๆ สี อาจจะทาให้ ลดความเด่ นชัดของงานและเนือ้ หาทีต่ ้ องการนาเสนอ
6. เมื่อใช้ สีสด เข้ มจัด คู่กบั สี อ่อนมาก ๆ จะทาให้ ดูชัดเจน น่ าสนใจ
7. การใช้ สีพนื้ ในงานออกแบบสิ่ งพิมพ์ทมี่ ีพนื้ ทีว่ ่ างมาก ๆ ไม่ ก่อให้ เกิดผลในการเร้ า
ใจเท่ าทีค่ วร จึงควรหลีกเลีย่ ง
8. ข้ อพิจารณาสาหรับการใช้ สีบนตัวอักษรข้ อความ คือ จะต้ องให้ ชัดเจน อ่ านง่ าย
ควรงดเว้ นสี ตรงข้ ามในปริมาณเท่ า ๆ กัน บนพืน้ ทีเ่ ดียวกันหรือใกล้ เคียง เพราะจะ
ทาให้ ผู้ดูต้องเพ่งมองอย่ างมาก ทาให้ เกิดภาพซ้ อนพร่ ามัว
เด็ก เล็ก ๆ ควรใช้ สีปฐมภูมิ(Primary)หรือสี ทุติยภูมิ
(Secondary)
ส่ วนผู้ใหญ่ อาจจะใช้
สี แท้ (Hue)ผสมกับกลุ่มสี ขาว หรือดา หรือทีเ่ รียกว่ า Tint and
shade การใช้ สีขาวหรือสี ดามา
ผสมกับสี แท้ จะช่ วยลดความสดใสของสี เดิมลงตามขนาดและสั ดส่ วนมาก
น้ อยตามต้ องการ
งานกราฟิ กบนสื่ อโฆษณาสิ่ งพิมพ์
แผ่ นป้ายโฆษณาหรือโปสเตอร์
การออกแบบเครื่องหมายสั ญลักษณ์
สื่ อโฆษณามีหลายประเภทโดยเฉพาะอย่างยิง่ งานด้ าน
สิ่ งพิมพ์ ปัจจุบันในวงการธุรกิจนิยมใช้ เป็ นสื่ อประเภทนี้
ค่ อนข้ างสู ง เพือ่ ช่ วยในการส่ งเสริมการขาย เพิม่ การตลาด
วิธีในการสร้ างสื่ อสิ่ งพิมพ์มีมากมายและตัวสื่ อสิ่ งพิมพ์เอง
ก็มีการพัฒนาตัวเองให้ ทนั กับเทคโนโลยีใหม่ ๆ ที่เข้ ามา จึง
ช่ วยส่ งเสริมแนวทางในการออกแบบงานกราฟิ ก และ
เทคนิคในการออกแบบได้ เป็ นอย่ างดี สื่ อโฆษณามีอยู่หลาย
ประเภทด้ วยกัน แต่ ทใี่ ช้ กนั มากเป็ นเรื่องรู ปแบบของการ
ออกแบบสื่ อที่น่าสนใจ ได้ แก่ แผ่นป้ ายโฆษณาหรือ
โปสเตอร์ แผ่นพับ แผ่นปลิว และบัตรเชิญ
ประกอบด้ วยองค์ ประกอบ 4 ส่ วนด้ วยกันคือ
1. ต้ องเป็ นแผ่นเดียวสามารถปะติดลงบนผิวใดก็ได้
2. ต้ องมีข้อความประกอบเสมอ
3. ต้ องปิ ดไว้ ในที่สาธารณะ
4. ต้ องผลิตขึน้ จานวนมากได้
ลักษณะทีด่ ขี องแผ่นป้ายโฆษณาหรือโปสเตอร์
1. ให้ ความครอบคลุมพืน้ ทีส่ ู ง เลือกติดตั้งเฉพาะแหล่ ง
ชุ มชนได้
2. ให้ ความถี่ในการเห็นบ่ อย เพราะจุดติดตั้งจะเป็ น
เส้ นทางหรือชุ มชน
3. สามารถดึงดูดความสนใจได้ มาก
4. ไม่ มีความจากัดในเรื่องของเวลาในการนาเสนอ
ข้ อมูล
5. ข้ อความทีก่ ะทัดรัดกลายเป็ นจุดสนใจ จุดเด่ นที่ควร
จดจา
ในการออกแบบสั ญลักษณ์ ให้ บรรลุเป้ าหมาย นักออกแบบควรคานึงถึงหลัก
สาคัญ 3 ระการ
1. ควำมหมำยของสัญลักษณ์จะต้องเกี่ยวกับสุ นทรี ยภำพ( Aesthetic
Form) คือควำมงดงำมของรู ปแบบสัญลักษณ์ไม่วำ่ จะเป็ น
Representation หรื อ Abstract ก็ตำม
2. ต้องเหมำะสมกับกำลเวลำยุคสมัย ควรหลีกเลี่ยงสิ่ งที่เป็ นควำมนิยมชัว่ ครำว
3. ต้องนำไปใช้ประโยชน์หลำยประกำร สำมำรถลอกเลียนด้วยวิธีต่ำง ๆ เช่น
กำรย่อหรื อขยำยได้
1. ภาพเครื่องหมายจราจร เป็ นกติกาสากลทีเ่ ข้ าใ
ร่ วมกันทั่วไป เพือ่ ความปลอดภัยในการใช้
ยานพาหนะ เครื่องหมายจราจรจะเสดงถึง
สั ญลักษณ์ การใช้ รถใช้ ถนนในลักษณะต่าง ๆ กัน
การออกแบบจะเน้ นความชัดเจนของการสื่ อ
ความหมาย เข้ าใจง่ ายและสี สันสะดุดตา
2. ภาพเครื่องหมายสถาบัน สมาคมและกลุ่มต่ าง ๆ ซึ่ง
กาหนดรู ปแบบเพือ่ แทนหรือเป็ นสั ญลักษณ์ของ
หน่ วยงานนั้น ๆ
3. ภาพเครื่องหมายบริษัท สิ นค้ า หรือผลิตภัณฑ์ เพือ่
เป็ นการสร้ างความเชื่อมัน่ กระตุ้นความน่ าสนใจในบริษัท
การค้ าหรือผลิตภัณฑ์ ต่าง ๆ
4. ภาพเครื่องหมายสถานที่ เป็ นเครื่องหมายที่แสดง
สั ญลักษณ์ สถานทีต่ ่ าง ๆ ทีแ่ สดงให้ เข้ าใจร่ วมกันได้ โดยไม่ ต้อง
ใช้ ตัวหนังสื อหรือข้ อความ
5. ภาพเครื่องหมายกิจกรรมต่ าง ๆ เช่ น การกีฬา การ
ก่ อสร้ าง
6. เครื่องหมายที่ใช้ ในการออกแบบ เขียนแบบ เป็ น
เครื่องหมายภาพทีใ่ ช้ ในการสื่ อความหมายร่ วมกันระหว่ าง
ผู้ออกแบบเขียนแบบแปลน และผู้อ่านแบบหรือบุคคลทัว่ ไปที่
เกีย่ วข้ อง
ในการออกแบบสั ญลักษณ์ ควรยึดหลักกว้ าง ๆ
เพือ่ เป็ นแนวคิด ดังนี้
1. แนวคิดเกีย่ วกับความงาม
2. แนวคิดเกีย่ วกับความหมาย
3. แนวคิดในการสร้ างความเด่ นน่ าสนใจ
4. ความเหมาะสมในการออกแบบและใช้ งาน
1. ศึกษาข้ อมูลของงานทีจ่ ะสร้ างสั ญลักษณ์
2. กาหนดรูปทรงทีจ่ ะออกแบบ เช่ น รูปเรขาคณิต
รูปทรงอิสระ หรืออืน่ ๆ4. กาหนดรูปร่ างภายนอก
5. ร่ างภาพเพือ่ หารูปแบบทีเ่ หมาะสม
6. กาหนดสี
7. ลงมือทา
• ความหมาย
ความหมาย
คอมพิวเตอร์ กราฟิ กส์ หรือในศัพท์ บัญญัติว่า เรขภาพคอมพิวเตอร์ เรียกย่อ ๆ ว่ า
ซีจี (CG) คือ การประมวลผลข้ อมูลด้ วยคอมพิวเตอร์ โดยข้ อมูลเข้ าเป็ นข้ อมูล
ตัวเลข ตัวอักษร หรือสั ญญานต่ าง ๆ โดยการสร้ างแบบจาลอง(modeling)
ตามด้ วย การสร้ างเป็ นภาพสุ ดท้ าย) แสดงผลลัพธ์ ทางจอภาพเป็ นข้ อมูลเชิง
เรขาคณิต เช่ น รู ปทรง สี สัน ลวดลาย หรือ ลักษณะแสงเงา รวมถึง ข้ อมูลอืน่ ๆ ของ
ภาพ เช่ น ข้ อมูลการเคลือ่ นไหว การเปลีย่ นแปลง ลักษณะการเชื่อมต่ อ และ
ความสั มพันธ์ ระหว่ างวัตถุหรือสิ่ งของในภาพ ปัจจุบันมีการประยุกต์ เรขภาพ
คอมพิวเตอร์ ใช้ งานร่ วมกับเทคโนโลยีอนื่ ๆ เช่ น การสร้ างภาพเคลือ่ นไหวในงาน
ภาพยนตร์ เกม สื่ อประสมภาพและเสี ยง ศึกษาบันเทิง หรือ ระบบสร้ างภาพความ
จริงเสมือน เป็ นต้ น
การสร้ างภาพกราฟฟิ กส์ ด้วยคอมพิวเตอร์ มีวิธีการสร้ าง 2 แบบ คือ
แบบบิตแมป(Bit Mapped) และแบบเวกเตอร์ (Vector) หรือ สโตก
(Stroked) แต่ ละแบบวิธีการสร้ างภาพดังต่ อไปนี้
กราฟฟิ กส์ แบบบิตแมป
บิตแมป (Bitmap ) หรือ Rastor จะประกอบไปด้ วยพิกเซลเรียง
ต่ อเนื่องกัน ภายในแต่ ละพิกเซลจะมีองค์ ประกอบทีใ่ ช้ ในการแสดงสี รู ปทรง
รู ปแบบไฟล์ เราเรียกองค์ ประกอบของพิกเซลนีว้ ่ า บิต ( Bit) ภาพบิตแมปนั้น
เราอาจเรียกว่ า ราสเตอร์ (Rastor ) หรือเพนต์ ไทป์ (Paint-type) ก็ได้ สาหรับ
ข้ อดีของบิตแมป คือ จะมีความเร็วในการแสดงสู ง ใช้ หน่ วยความจาน้ อยกว่ า
ตัวอย่ างโปรแกรมกราฟิ กประเภทบิตแมป เช่ น Adobe Photoshop , Fractal
Design Painter , Paint Shop Pro , L-View เป็ นต้ น
กราฟฟิ กส์ แบบเวกเตอร์
เวกเตอร์ (Vector) ภาพประกอบเวกเตอร์ น้ันจะใช้ สมการทางคณิตศาสตร์
เป็ นตัวสร้ างภาพโดยรวมเอกออปเจ็กหลายๆ ชนิดมาผสมกันเป็ นรู ปต่ างๆ กันได้
มากมาย ภาพเวกเตอร์ จะมีความละเอียดในการแสดงสู งมาก ไม่ ว่าเราจะย่ อหรือ
ขยาย จะไม่ ทาให้ ภาพเพีย้ นไปได้ แต่ การแสดงผลจะช้ ามาก ตัวอย่างโปรแกรม
กราฟิ กประเภทเวกเตอร์ เช่ น Adobe Illustrator , Macromedia Freehand , Corel
Draw เป็ นต้ น
รูปแบบของไฟล์ ทีน่ ามาใช้ งานกับงาน website ปัจจุบัน
มี 3 ไฟล์หลัก ๆ คือ
ไฟล์สกุล GIF ( Graphics Interlace File)
ไฟล์สกุล JPG ( Joint Photographer's
Experts Group)
ไฟล์สกุล PNG ( Portable Network Graphics)
ไฟล์ สกุล GIF:: (Graphics Interlace File)
ลักษณะ
ไฟล์ที่มีขนาดเล็ก
จานวนสี และความละเอียดของภาพไม่ สูงมากนัก ทาพืน้ แบบ
โปร่ งใสได้ แสดงผลแบบโครงร่ างก่อน แล้วค่ อยแสดงผลแบบ
ละเอียด เป็ นภาพแบบภาพเคลือ่ นไหว
จุดเด่ น
มีขนาดไฟล์ต่า
สามารถทาพืน้ ของภาพให้ เป็ นพืน้ แบบโปร่ งใสได้ ( Transparent)
มีระบบแสดงผลแบบหยาบและค่ อยๆ ขยายไปสู่ ละเอียดในระบบ Interlace
มีโปรแกรมสนับการสร้ างจานวนมาก เรียกดูได้ กบั Graphics
Browser ทุกตัว ความสามารถด้ านการนาเสนอแบบภาพเคลือ่ นไหว (
Gif Animation)
จุดด้ อย
แสดงสี ได้ เพียง 256 สี
ไฟล์ สกุล JPG::
(Joint Photographer's Experts Group)
ลักษณะ
ภำพที่ตอ้ งกำรนำเสนอมีควำมละเอียดสู ง และใช้สีจำนวนมำก (สนับสนุน
ถึง 24 bit color) ต้องกำรบีบไฟล์ตำมควำมต้องกำรของผูใ้ ช้ ไฟล์
ชนิดนี้มกั จะใช้กบั ภำพถ่ำยที่นำมำสแกน เพรำะให้ควำมคมชัดและควำม
ละเอียดของภำพสู ง
จุดเด่ น
มีขนาดไฟล์ต่า
สนับสนุนสี ได้ ถึง 24 bit
สามารถกาหนดค่ าการบีบไฟล์ได้ ตามที่ต้องการ
มีระบบแสดงผลแบบหยาบและค่ อยๆ ขยายไปสู่ ละเอียดในระบบ
Progressive
มีโปรแกรมสนับสนุนการสร้ างจานวนมาก
เรียกดูได้ กบั Graphics Browser ทุกตัว
ตั้งค่ าการบีบไฟล์ได้ ( compress files)
จุดด้ อย
ทาให้ พนื้ ของรู ปโปร่ งใสไม่ ได้
ข้ อเสี ยของการบีบไฟล์ ( Compress File)
กาหนดค่ าการบีบไฟล์ ไว้ สูง ( 1 - 10) แม้ ว่าจะช่ วยให้ ขนาดของไฟล์มีขนาดต่า แต่ ก็
มีข้อเสี ย คือ เมือ่ มีการส่ งภาพจาก Server ไปแสดงผลที่ Client จะทาให้ การ
แสดงผลช้ ามาก เพราะต้ องเสี ยเวลาในการคลายไฟล์ ดังนั้นการเลือกค่ าการบีบไฟล์
ควรกาหนดให้ เหมาะสมกับภาพแต่ ละภาพ
ไฟล์ สกุล PNG:: (Portable Network Graphics)
เป็ นรู ปแบบแฟ้มภาพทีพ่ ฒ
ั นาขึน้ มาทดแทนรู ปแบบแฟ้มแบบ GIF
เพือ่ แก้ ปัญหาด้ าน สิ ทธิบัตร
จุดเด่ น
มีขนาดไฟล์ต่า
สนับสนุนสี ได้ ถึงตามค่ า True color
(16 bit, 32 bit หรือ 64 bit) สามารถกาหนดค่ าการบีบไฟล์ได้ ตามที่
ต้ องการ มีระบบแสดงผลแบบหยาบและค่ อยๆ ขยายไปสู่ ละเอียด
( Interlace) สามารถทาพืน้ โปร่ งใสได้
จุดด้ อย
หากกาหนดค่ าการบีบไฟล์ ไว้ สูง จะใช้ เวลาในการคลายไฟล์ สูงตามไป
ด้ วย แต่ ขนาดของไฟล์ จะมีขนาดตา่ ไม่ สนับสนุนกับ Graphic
Browser รุ่นเก่ า สนับสนุนเฉพาะ IE 4 และ
Netscape 4 ความละเอียดของภาพและจานวนสี ขนึ้ อยู่กบั
Video Card โปรแกรมสนับสนุนในการสร้ างมีน้อย