Job2

[วนั ท่]ี ความรู้เรื่องภาพ จดั ทำโดย นำยณฐั พล ดำวกระจำย สำขำ คอมพวิ เตอร์ธรุ กิจ ห้อง2 เลขที่5

สารบัญ 1หัวขอ้ เร่อื ง หนา้ ที่ประเภทของไฟล์ 3รูปแบบไฟลภ์ าพ 6

2 คานาE-book น้สี ร้างขึ้นเพอื่ ให้ความรแู้ กน่ ักศกึ ษาและภาพสว่ นประกอบต่างๆ ตามเน้อื หา จัดทาโดย นายณัฐพล ดาวกระจาย

3ป ระเภทของไฟล ์ ประเภทของไฟล์มีไวเ้ พอ่ื จำแนกหนำ้ ท่ีและรูปแบบของไฟล์ เพอื่ ใหเ้ รำทรำบไดว้ ่ำไฟลน์ ัน้ ๆ มหี นำ้ ทีอ่ ะไร ใชท้ ำอะไร แต่ในที่น้ีทำงเรำ จะแนะนำเฉพำะไฟลใ์ ชค้ วบคู่กบั กำรทำงำนกรำฟฟิคเท่ำนัน้ประเภทของไฟลก์ ราฟฟิคม ี 2 ประเภท คอื based1. ไฟลก์ ราฟฟิคประเภท Raster baseded2. ไฟลก์ รำฟฟคิ ประเภท Vector based ภาพตวั อยา่ งของกราฟฟิคไฟลท์ งั้ สองประเภท ภำพแตงแมวขยำยใหญใ่ นแบบ raster สังเกตไุ ดว้ ำ่ ภำพจะแตกเป็ นเส่ยี งๆ เพรำะ ว่ำภำพเกดิ ขนึ้ จำกจุด เล็กๆ มำเรยี งกัน ภำพแตงแมวขยำยใหญ่ในแบบ vector ภำพยงั เฉยี บคมแมจ้ ะขยำยเป็ นพนั ๆ พนั เทำ่ (โปรดสงั เกต : ขนำดขยำยใหญก่ ว่ำนะเน่ีย)1) ไฟลก์ ราฟฟิคประเภท Raster based หรือท่เี รียกกนั ทัว่ ไปวำ่ \"bitmap\" ซงึ่ เกดิ จำกกำรนำเอำจุดสเี ล็กๆ หลำยๆ จดุ มำรวมกันเพอื่ ใหเ้ กดิ ภำพ ซงึ่ จะมคี วำมกวำ้ งยำว Xpixel และ Y pixel และควำมลกึ คือ Z pixel (Z pixel คือ คำ่ ควำมลกึ ของสี : Color Depth) ไฟล์ Raster มรี ปู แบบและวัตถปุ ระสงคใ์ นกำรใชง้ ำนแตกตำ่ งกันไป ซงึ่ เรำควรจะนำมำใชใ้ หเ้ หมำะสม โดยศกึ ษำกำรใชง้ ำนไดจ้ ำกตำรำงต่อไปน้ี ตารางท ี่ 1.1 ชนดิ ของกราฟฟิ คไฟลป์ ระเภท Rasterไฟล ์ มาจากคาวา่ ลกั ษณะการใชง้ าน ถูกสรำ้ งขน้ึ มำเพอ่ื ใชเ้ พอ่ื แสดงผลภำพกรำฟฟิคโปรแกรมวนิ โดวส์ เป็ นBMP Bitmap squence ไฟลท์ ไ่ี มค่ ่อยมีประโยชนใ์ นดำ้ นกำรใชง้ ำนมำกนกั จะใชเ้ พอื่ เกบ็ กรำฟ ฟคิ ไฟลท์ ี่เป็ นตน้ แบบเสียสว่ นใหญ่ และใชใ้ นกำรแสดงผลบนPCX - จอคอมพวิ เตอร์TIFF Tagged Image File เป็ นกรำฟฟคิ ไฟล์พน้ื ฐำนอีกชนดิ หนง่ึ ใน PC ถูกสรำ้ งและพฒั นำโดย Z- soft Corperation เพอ่ื ใชก้ ับโปรแกรม PC Paintbrush มรี ูปแบบ Format คลำ้ ยคลงึ กบั ไฟล์ bitmap ปัจจุบันไมน่ ยิ มใชก้ ันแลว้ GIF compu surve Graphic เป็ นกรำฟฟคิ ไฟล์ที่สรำ้ งมำเพื่อ โปรแกรมประเภทจดั หนำ้ หนงั สอื (Desktop Publishing) สำมำรถเก็บขอ้ มลู รำยละเอยี ดของภำพได ้ Interchange File ค่อนขำ้ งมำก ใชไ้ ดท้ ัง้ ใน Mac และ PC มหี ลำยเวอร์ชน่ั แตท่ ี่นยิ มใชก้ นัJPG Joint Photographic คอื เวอร์ช่นั 4 และ 5 ถกู สรำ้ งขน้ึ มำโดยบรษิ ัท Compu surve ซง่ึ เป็ นบรษิ ัททใ่ี หบ้ รกิ ำรดำ้ น Experts Group เครือขำ่ ยของสหรฐั เหมำะกับกำรเก็บไฟลร์ ปู ภำพขนำดเลก็ และมีPICT PICTure จำนวนของสนี อ้ ย มีขนำดไฟล์เล็กเพรำะสรำ้ งขนึ้ มำเพ่ือใชใ้ นระบบ เครือขำ่ ย เป็ นไฟล์ท่ถี ูกสรำ้ งขน้ึ มำเพอื่ บบี อัดขอ้ มูลภำพ เพอ่ื ใหม้ ขี นำดกระทดั รัด เพอื่ นำใชง้ ำนในระบบอนิ เตอรเ์ นต นยิ มมำใชใ้ นกำรแสดงผลรปู ภำพบน เครือข่ำยอนิ เตอรเ์ นตเชน่ เดยี วกบั GIF แต่มวี ัตถปุ ระสงคใ์ นกำรใชง้ ำน แตกต่ำงกัน เป็ นกรำฟฟคิ ไฟลป์ ระเภทเดียวกบั ไฟล์ BMP เป็ นไฟลท์ ีใ่ ชเ้ พอื่ แสดงผล ภำพกรำฟฟคิ บนจอภำพของ แมคอนิ ทอช

4PSD - คือ กรำฟฟคิ ไฟล์ ของโปรแกรมตบแตง่ รูปภำพ (Retuching) ยอดนยิ ม Adobe Photoshop ไฟล์ PSD น้ีจะใชก้ บั โปรแกรม Adobe Photoshop เพอ่ื กำรแกไ้ ขตบแตง่ รูปภำพPNG - เป็ นกรำฟฟคิ ไฟลช์ นดิ ลำ่ สดุ ทน่ี ำมำใชแ้ สดงผลภำพบนเวบเพจPDF - ไฟล์ PDF เป็ นไฟล์เอกสำรของ Adobe Acrobat ใชใ้ นกำรแสดงเอกสำร ในรูปแบบของกรำฟฟคิ ซงึ่ จะตอ้ งใช ้ โปรแกรม Adobe Acrobat Reader ในกำรอ่ำน ตารางท ่ี 1.1 คุณสมบตั แิ ละขอ้ ด,ี ขอ้ เสยี ของกราฟฟิ คไฟลป์ ระเภท Rasterไฟล ์ คุณสมบตั ขิ องไฟล ์ ลกั ษณะการใชง้ านBMP สำมำรถบนั ทกึ ภำพชนดิ ขำว สำมำรถเก็บองค์ประกอบของรูปไดค้ รบ ดำแบบ 16 สี และภำพสี ขนำด 24 บทิ (True color) ขนำดของไฟลใ์ หญ่ ได ้PCX บนั ทกึ ไดต้ งั้ แต่ภำพชนดิ - ขำวดำแบบ 16 สี, ภำพขำว - ดำ 256 ระดบั (Grayscales), ภำพสแี บบ 16, 256 และ 16.7ลำ้ นสี ได ้T IFF บนั ทกึ ภำพไดห้ ลำยชนดิ ทงั้ สำมำรถบนั ทกึ ขอ้ มลู ไดห้ ลำยชนดิ และบนั ทกึ ระดบั สไี ดส้ ูง และมกี ำรบีบ ภำพลำยเสน้ (Line-Art), อัดขอ้ มลู เพอื่ ประหยดั เน้อื ทใ่ี นกำรบนั ทกึ ได ้ ภำพ halftone, ภำพ grayscale และภำพสีตัง้ แต่ มหี ลำยเวอร์ชั่น ซง่ึ ตอ้ งระวังในเซฟเพอ่ื ใชง้ ำนกับ โปรแกรมประยุกตร์ ุน่ 1 บทิ จนถงึ ภำพสี 32 บทิ เก่ำๆGIF เกบ็ ขอ้ มูลภำพในลกั ษณะ 8 นยิ มใชง้ ำนในอนิ เตอร์เนต มีควำมสำมำรถพเิ ศษมำก เชน่ กำรทำภำพ bit (256 ส)ี สำมำรถเก็บ โปรง่ ใส (Transparent), สำมำรถรอรบั อนิ พทุ จำกผใู ้ ชเ้ พอื่ ใหม้ กี ำร ภำพไวไ้ ดห้ ลำยภำพในไฟล์ เคลือ่ นไหวภำพ, กำรใส่คอมเมนท์เพอื่ กำรอำ้ งองิ เดียว จงึ สำมำรถทำ ภำพเคล่อื นไหวได,้ มีกำร เกบ็ สีไดเ้ พยี ง 256 สี (สโี ปรง่ ใส หรอื Transparent ก็นับเป็ น 1 ส)ี และ บีบอดั ขอ้ มลู แบบ LZW ไมเ่ หมำะที่จะเซฟไฟล์รปู ขนำดใหญๆ่ เพรำะจะมขี นำดใหญม่ ำก (Lamp Ziv-Welch),JPG เก็บขอ้ มลู ภำพในลักษณะ เหมำะสำหรบั กำรใชง้ ำนบนอนิ เตอรเ์ นต เพรำะมขี นำดเล็กสำมำรถโหลด ของกำรบบี อดั ขอ้ มูล ไดร้ วดเรว็ แต่ใหร้ ำยละเอียดของภำพสูง สำมำรถเก็บภำพสีไดส้ งู ถงึ 16.7 ลำ้ นสี คุณภำพของรปู จะลดลงเม่อื บบี อัดไฟล์ จงึ ไมเ่ หมำะแก่กำรนำมำแกไ้ ข ตบแตง่PICT ไมท่ รำบขอ้ มูล แตม่ ี สำมำรถเกบ็ องคป์ ระกอบของรูปไดค้ รบ ควำมสำมำรถใกลเ้ คียงกบั เป็ นไฟล์ของ Mac OS และไมส่ ำมำรถเซฟในโหมด CMYK เพอ่ื นำมำใช ้ ไฟล์ BMP งำนดำ้ นกำรพมิ พไ์ ด ้PSD สำมำรถบนั ทกึ ขอ้ มลู ภำพ มีกำรแบง่ เลเยอร์ เพอื่ ง่ำยแก่กำรแกไ้ ข ในภำยหลงั และสำมำรถบนั ทกึ ไดท้ ุกรปู แบบ กรำฟฟคิ แบบ Vector ลงในไฟลไ์ ด ้ มีขนำดไฟล์ท่ใี หญ่PNG ยังไม่มขี อ้ มลู -

5PDF ยงั ไมม่ ขี อ้ มูล - สำมำรถเซฟไฟล์กรำฟฟคิ ทกุ ประเภทใหเ้ ป็ น PDF ได ้ (โดยใชโ้ ปรแกรม Adobe Acrobat) โดยยังคงลกั ษณะเดมิ ของเอกสำรไว ้ ไมว่ ่ำจะเปิดที่ใด ตอ้ งอ่ำนไฟลช์ นดิ นดี้ ว้ ย โปรแกรม Adobe Acrobat Reader เท่ำนนั้2) ไฟลก์ ราฟฟิคประเภท Vector based คือไฟล์กรำฟฟคิ ทเี่ กดิ จำกกำร ผลคำนวณทำงคณติ ศำสตร์เพอ่ื ใหเ้ กดิ ภำพ หรอื เรำจะเรยี กไฟลช์ นดิ น้ไี ดอ้ ีกอย่ำงหนงึ่ วำ่ ไฟล์ประเภท \"postscript\" ไฟลช์ นดิ นบ้ี ำงประเภทกย็ ังสำมำรถเก็บภำพ bitmap เอำไวใ้ นตัวไดอ้ กี ดว้ ย สว่ นใหญแ่ ลว้ ไฟล์ประเภทVector น้ีจะถกู แบง่ แยกโดยโปรแกรมประยกุ ตท์ ใ่ี ชใ้ นกำรแกไ้ ขไฟลน์ นั้ ๆ ไฟลช์ นดิ ซงึ่ ทน่ี ยิ มใชก้ ันนัน้ มดี งั นี้ ตารางท ่ี 1.1 ตวั อย่างของกราฟฟิ คไฟลป์ ระเภท Vectorไฟล ์ มาจากคาวา่ ลกั ษณะการใชง้ านPS PostScript ไมม่ ีขอ้ มลู ครับEPS Encapsulated PostScript เป็ นไฟลท์ ่ถี กู สรำ้ งขนึ้ มำเพอื่ ใชใ้ นงำนออกแบบสื่อสง่ิ พมิ พ์ (Desktop Publishing) เป็ นไฟล์ Vector มำตรฐำน ใชง้ ำนไดก้ บั โปรแกรมหลำย โปรแกรม สำมำรถทำกำรแยกสเี พอ่ื งำนพมิ พไ์ ด ้ นอกจำกนยี้ งั ใชใ้ นกำร เซฟ Vector ไฟล์ จำกโปรแกรมหนงึ่ เพอ่ื นำไปโหลดใชง้ ำน ในอีก โปรแกรมหนงึ่ อีกดว้ ย ไฟลช์ นดิ นจี้ ะมขี นำดใหญ่กว่ำไฟล์ vector ชนดิ อนื่ ๆAI Adobe Illustrator AI เป็ นไฟล์ของ Adobe Illustrator จงึ ควรรแกไ้ ขไฟล์ AI บนโปรแกรม sequence Illustrator เท่ำนนั้FH FreeHand คอื ไฟลข์ องโปรแกรม vector ของ คำ่ ย Macromedia ทมี่ ีช่อื วำ่ FreeHand (เคร่อื งหมำย ?ใชแ้ ทนตวั ลขเพอ่ื บอกเวอรช์ ่นั ของไฟล)์DWG DraWinG file คือ drawing file ของโปรแกรม AutoCAD FLA FLAsh เป็ นไฟล์ Vector ของโปรแกรม Macromedia Flash ใชใ้ นกำรสรำ้ งอนิ เมช่นั บนเวบเพจSWF Shock Wave Flash เป็ นไฟล์ Vector ของโปรแกรม Macromedia Flash ใชใ้ นกำรแสดงผล Flash อนเิ มชั่นบนเวบเพจ

6 รูปแบบไฟลภ์ าพรูปแบบชนิดของภาพแบง่ ออกเป็น 2 ชนิดคอื1. ภาพแบบ บติ แมป( Bitmap ) หรือ ราสเตอร์( Raster ) คือภาพทเ่ี กดิ จากหนว่ ยภาพเลก็ ๆมารวมกนั จนเป็นภาพใหญค่ ลา้ ยจิก๊ ซอร์สามารถดไู ดโ้ ดยการซมู ภาพเขา้ ไปกลา่ วคือภาพเหลา่ น้ียง่ิ ซูม(ขยาย)ยิ่ง แตก จนดไู มร่ ูเ้ ร่ือง เชน่ ภาพนามสกลุ .JPEG, .TIFF,.GIF และ PNG เป็นตน้2. ภาพแบบเวคเตอร์( Vector ) คอื ภาพท่เี กดิ จากเส้นโคง้ , เสน้ ตรง และคณุ สมบตั ิสีของเส้นน้ันๆท่ีเกิด จากการคานวณทางคณิตศาสตร์(ทเ่ี รามองไมเ่ห็นดว้ ยตา)กลา่ วคือ ทจ่ี ุดๆหน่ึงของภาพทเี่ ราซมู เขา้ ไปมนั จะเกดิ จากการกาหนดคณุ สมบัตไิ วว้ า่ ภาพเกดิ จากเส้นตรง หรือเสน้ โคง้ ที่เอยี งกอี่ งศา เกบ็ คา่ รหสั สีอะไรไว้ เมอื่ เราซมู ขยายภาพไมว่ า่ จะขนาดเทา่ ไหรก่ ต็ ามภาพมนั จะไมแ่ ตก(ไมส่ ูญเสียความ ละเอียดไป) เพราะการซมู ภาพเป็นการคณู จานวนเทา่ ลงไปที่คณุ สมบตั ิภาพนน่ั เองดงั น้ัน ถา้ เรา แกไ้ ขภาพกค็ ือไปแกไ้ ขคุณสมบตั ิทางคณิตศาสตร์ ไมว่ า่ จะยอ่ หรือขยายก่ีคร้งั ภาพแบบน้ีจะยงั คมชดั เทา่ เดมิ ภาพ Vector เหลา่ น้ีไดแ้ ก ่ - ภาพ .wmf (Clipart ท่เี ราไวต้ กแตง่ ใน Microsoft Office นน่ั เอง) -ภาพใน Adobe Illustrator, Macromedia FreehandBMP (Bitmap)ไฟลภ์ าพประเภททเ่ี กบ็ จดุ ของภาพแบบจุดตอ่ จุดตรงๆ เรยี กวา่ ไฟล์แบบ บติ แมพ( Bitmap ) ไฟลป์ ระเภทน้ีจะมขี นาดใหญ่แตส่ ามารถเกบ็ รายละเอยี ดของภาพไดอ้ ย่างสมบรู ณ์ แตเ่ นื่องจากการเกบ็ แบบ Bitmap ใชเ้ นื้อทใ่ี นการเกบ็ จานวนมาก จึงได้มีการคดิ คน้ วธิ ีการเกบ็ ภาพใหม้ ขี นาดเล็กลงโดยยงั คงสามารถเกบ็ ภาพไดเ้ ชน่ เดิม ข้ึนมาหลายวธิ ีการ เชน่ JPEG PNG และGIF จุดเด่น จดุ ด้อย ภาพจะมรี ายละเอยี ดท่ี  ใชเ้ น้ือทใ่ี นการเกบ็ จานวนมาก สมบรู ณ์ ทาให้ขนาดของไฟลภ์ าพมี ขนาดใหญ่

7JPEG ( Joint Graphics ExpertGroup )เป็นการเกบ็ ไฟลภ์ าพแบบทบี่ บี อดั สามารถทาภาพ ใหม้ ีขนาดของไฟล์ภาพเล็กกวา่ แบบ Bitmap หลายสิบเทา่ แตเ่ หมาะจะใชก้ บั ภาพทถี่ า่ ยจากธรรมชาตเิ ทา่ น้นั ไมเ่ หมาะกบั การเกบ็ ภาพเหมือนจริง เชน่ ภาพการ์ตนู เป็นตน้จุดเด่น จดุ ด้อย สนับสนุนสไี ดม้ ากถึง 24 bit  ไมส่ นบั สนุนภาพเคล่อื นไหวเพราะไมส่ ามารถ สามารถกาหนดคณุ ภาพและตง้ั คา่ การบบี อดั ไฟล์ เกบ็ ภาพหลายๆภาพไวด้ ว้ ยกนั ได้ ภาพได้ ใชใ้ น Internet (Worl Wild Web) มนี ามสกลุ .jpg มโี ปรแกรมสนับสนุนการสรา้ งจานวนมาก เรยี กดูภาพไดใ้ น Graphic Browser ทกุ ตวั

8GIF ( Graphics Interchange Format )เป็ นวธิ กี ำรเกบ็ ไฟลภ์ ำพแบบบบี อดั คลำ้ ยกบั JPEG โดยทว่ั ไปแลว้ ไมส่ ำมำรถเก็บภำพทถ่ี ำ่ ยจำกธรรมชำตไิ ดม้ ีขนำดเลก็ เทำ่ กับแบบ JPEG แต่สำมำรถเกบ็ ภำพทไ่ี ม่ใช่ภำพถำ่ ยจำกธรรมชำตเิ ช่น ภำพกำรต์ นู ไดเ้ ป็ นอย่ำงดี นำกจำกน้ี GIF ยังสำมำรถเก็บภำพไวไ้ ดห้ ลำยๆภำพ ในไฟลเ์ ดยี ว จงึ ถูกนำไปใชส้ รำ้ งภำพเคลอื่ นไหวง่ำยๆเชน่ ในอนิ เตอรเ์ น็ตจดุ เดน่ จุดดอ้ ย เป็ นทนี่ ิยมมำกทส่ี ุดสำหรับภำพทจ่ี ะแสดง  แสงภำพไดเ้ พยี ง 256 สเี ท่ำนั้น บน Web/Internet  ไมเ่ หมำะสำหรับกำรนำเสนอภำพถ่ำยหรอื มขี นำดเล็กมำก งำนทตี่ อ้ งกำรควำมคมชัดสูง สำมำรถทำพนื้ ใหเ้ ป็ นแบบโปรง่ ใสได ้ (Transparent/Opac ity ) สำมำรถทำเป็ นภำพเคลอ่ื นไหวบน WebPage ได ้ โดยใชเ้ ครอ่ื งมอื ช่วยสรำ้ ง เช่น JAVA, Flash มโี ปรแกรมสนับสนุนในกำรสรำ้ งจำนวนมำก สำมำรถเรยี กดูภำพไดใ้ น Graphic Browser ทกุ ตัว

9PNG ()เป็ นภำพทเี่ กดิ จำกกำรนำเอำคุณสมบัตขิ องภำพ JPG และ GIF มำผสมผสำนกนั ใหไ้ ดล้ กั ษณะเฉพำะโดยมีจุดเดน่ จุดดอ้ ยดังนี้จุดเดน่ จุดดอ้ ย เอำคุณสมบัตขิ อง(JPEG+GIF) มำใชค้ อื ส ี  ไมส่ นับสนุนภำพเคลอ่ื นไหวเพรำะไม่ มำกกว่ำ 256สแี ละโปร่งใสได ้ สำมำรถเก็บภำพหลำยๆภำพไวด้ ว้ ยกนั ได ้ (Transparent) PNG มกี ำรบบี อดั ขอ้ มลู โดยไม่เสยี คุณภำพ ทำใหโ้ ปร่งใสได(้ Transparency)และยงั สำมำรถควบคุมองศำของควำมโปรง่ ใส (Opacity)ไดด้ ว้ ย เกบ็ บันทกึ ภำพดว้ ยสจี รงิ (True Color) ได ้ เชน่ เดยี วกับตำรำงส(ี Pallete) และสเี ทำ (Grayscale)แบบ GIF

10