จิราพร ด่านเสถียร โรงเรียนบ้านแก่งชัชวลิตวิทยา งานกราฟฟิก จิราพร ด่านเสถียร โรงเรียนบ้านแก่งชัชวลิตวิทยา

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

ขอบข่ายของงานกราฟฟิก งานกราฟิกเป็นงานที่ดูเผิน ๆ น่านะเกี่ยวกับงานพิมพ์เท่านั้นแต่จริง ๆ แล้วงานกราฟิกยังเป็น งานที่มีความเกี่ยวพันกับงานอื่น ๆ อีก ได้แก่…..

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

การออกแบบงานกราฟฟิก ความสำคัญของการออกแบบ : 1. เป็นสื่อกลางในการสื่อความหมายให้เกิดการเข้าใจตรงกัน 2. สามารถทำหน้าที่เป็นสื่อ เพื่อให้เกิดการเรียนรู้ เกิดการศึกษากับกลุ่มเป้าหมายได้ 3. ช่วยให้งานเกิดความน่าสนใจ ประทับใจ แก่ผู้พบเห็น 4. ช่วยให้เกิดการกระตุ้นทางความคิด และการตัดสินใจได้อย่างรวดเร็ว 5. ก่อให้เกิดความคิกสร้างสรรค์ 6. ทำให้ผู้พบเห็นเกิดการเปลี่ยนแปลงพฤติกรรมทั้งทางด้านการกระทำและความคิด

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

ศิลปะกับการออกแบบ เพื่อให้งานกราฟฟิกมีความโดดเด่น น่าสนใจจำเป็นต้องใช้ความรู้ด้านงาน ศิลปะ มาช่วยในการออกแบบ

ต้องรู้อะไรบ้าง เรื่องศิลปะ

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

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

การกำหนดสี สีมีบทบาทอย่างมากที่จะช่วยเน้นความชัดเจน ทำให้สะดุดตา สร้างสรรค์ความสวยงาม การกำหนดสีใด ๆ ขึ้นอยู่กับประเภทของงานนั้น ๆ

การจัดวางตำแหน่ง เป็นการจัดวางโครงร่างทั้งหมดก่อนที่จะกำหนดตำแหน่งขนาดของภาพประกอบ ตำแหน่งของข้อความทั้งหมด และส่วนประกอบอื่น ๆ ที่ปรากฏ ซึ่งต้องคำนึงถึงจุดเด่นที่ควรเน้น ความสมดุลต่าง ๆ ความสบายตาของการมอง

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

วรรณะของสี (Tones) วรรณะของสีหมายถึง กลุ่มสีที่ปรากฎให้ความรู้สึกที่แตกต่างกัน สังเกตจากวงล้อสีปรากฏเป็น 2 วรรณะ คือ วรรณะสีร้อน (Warm Tone)ลักษณะของสีจะให้ความรู้สึกที่สดใส ร้อนแรง ฉูดฉาด หรือรื่นเริง สีในกลุ่มนี้ได้แก่ สีเหลือง สีแดง แสด และสีที่ใกล้เคียง วรรณะสีเย็น (Cool Tone) ความรู้สึกที่ปรากฏในภาพจะแสดงความสงบ เยือกเย็นจนถึงเศร้า ได้แก่ สีน้ำเงิน สีม่วง สีเขียว และสีที่ใกล้เคียง

วรรณะของสี (Tones) วรรณะสีโทนร้อน วรรณะสีโทนเย็น

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

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

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

หลักพิจารณาเกี่ยวกับการใช้สี 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. ต้องนำไปใช้ประโยชน์หลายประการ สามารถลอกเลียนด้วยวิธีต่าง ๆ เช่นการย่อหรือขยายได้

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

ประเภทสัญลัษณ์ 3. ภาพเครื่องหมายบริษัท สินค้า หรือผลิตภัณฑ์ เพื่อเป็นการสร้างความเชื่อมั่น กระตุ้นความน่าสนใจในบริษัทการค้าหรือผลิตภัณฑ์ต่าง ๆ 4. ภาพเครื่องหมายสถานที่ เป็นเครื่องหมายที่แสดงสัญลักษณ์สถานที่ต่าง ๆ ที่แสดงให้เข้าใจร่วมกันได้โดยไม่ต้องใช้ตัวหนังสือหรือข้อความ 5. ภาพเครื่องหมายกิจกรรมต่าง ๆ เช่น การกีฬา การก่อสร้าง 6. เครื่องหมายที่ใช้ในการออกแบบ เขียนแบบ เป็นเครื่องหมายภาพที่ใช้ในการสื่อความหมายร่วมกันระหว่างผู้ออกแบบเขียนแบบแปลน และผู้อ่านแบบหรือบุคคลทั่วไปที่เกี่ยวข้อง

แนวคิดในการออกแบบ ในการออกแบบสัญลักษณ์ ควรยึดหลักกว้าง ๆ เพื่อเป็นแนวคิด ดังนี้ 1. แนวคิดเกี่ยวกับความงาม 2. แนวคิดเกี่ยวกับความหมาย 3. แนวคิดในการสร้างความเด่นน่าสนใจ 4. ความเหมาะสมในการออกแบบและใช้งาน

การออกแบบสัญลักษณ์ ศึกษาข้อมูลของงานที่จะสร้างสัญลักษณ์ กำหนดรูปทรงที่จะออกแบบ เช่น รูปเรขาคณิต รูปทรงอิสระ หรืออื่นๆ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 โปรแกรมสนับสนุนในการสร้างมีน้อย