JOP2

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

สำรบัญเร่ือง หน้ำควำมรู้เกย่ี วกบั ไฟล์ JPG 1ควำมรู้เกย่ี วกบั ไฟล์ GIF 3ควำมรู้เกยี่ วกบั ไฟล์ PNG 5ควำมรู้เกย่ี วกบั ไฟล์ BMP 7ควำมรู้เกย่ี วกบั ไฟล์ TIFF 9ควำมรู้เกย่ี วกบั ไฟล์ PSD 11

11. JPEG หรือ JPG (Join Photographic Export Group) เป็นไฟลท์ ี่ถูกสร้างข้ึนมาเพอื่ บีบอดั ขอ้ มูลภาพ เพอ่ื ใหม้ ีขนาดกระทดั รัด เพือ่ นาใชง้ านในระบบอินเตอร์เน็ต นิยมมาใชใ้ นการแสดงผลรูปภาพบนเครือข่ายอินเตอร์เน็ตเช่นเดียวกบั GIFแต่มีวตั ถุประสงคใ์ นการใชง้ านแตกต่างกนัจุดเด่น 1. สนบั สนุนสีไดถ้ ึง 24 bit 2. แสดงสีไดถ้ ึง 16.7 ลา้ นสี 3. สามารถกาหนดค่าการบีบอดั ไฟลไ์ ดต้ ามท่ีตอ้ งการ 4. มีระบบแสดงผลแบบหยาบและค่อย ๆ ขยายไปสู่ละเอียดในระบบโพรเกรสซีฟ(Progressive) 5. มีโปรแกรมสนบั สนุนการสร้างจานวนมาก 6. เรียกดูไดก้ บั บราวเซอร์ (Browser) ทุกตวัจุดดอ้ ย 1. ไม่สามารถทาภาพใหม้ ีพ้นื หลงั แบบโปร่งใส (Transparent) ได้ 2. ทาภาพเคลื่อนไหว (Animation) ไม่ได้ท่ีมา : https://sites.google.com/a/watpa.ac.th/kru-patchar/--prapheth-khxng-fil-phaph-krafik

2ตวั อยา่ งภาพไฟลJ์ PG http://ai-nitiya.blogspot.com/https://xn--72c9aoai7a4bxcd6c7l.com/recommended/166/https://sites.google.com/site/bootsay38/

32.GIF ( Graphics Interchange Format ) เป็นการบนั ทึกภาพที่สามาราบีบอดั ไฟลใ์ หม้ ีขนาดเลก็ ส่วนมากจะนาไปใชบ้ นั ทึกเป็นภาพเคลื่อนไหว GIFถูกสร้างข้ึนมาโดยบริษทั Compu surve ซ่ึงเป็ นบริษทั ท่ีให้บริการดา้ นเครือข่ายของสหรัฐ เหมาะกบั การเก็บไฟลร์ ูปภาพขนาดเล็ก และมีจานวนของสีนอ้ ย มีขนาดไฟลเ์ ลก็ เพราะสร้างข้ึนมาเพื่อใชใ้ นระบบเครือข่ายโดยมีจุดเด่นจุดดอ้ ยดงั น้ีจุดเด่น 1. สามารถใชง้ านขา้ มระบบไม่วา่ จะเป็นระบบปฏิบตั ิการวนิ โดวส์ (Windows) หรือ ระบบปฏิบตั ิการยนู ิกซ์ (Unix) กส็ ามารถเรียกใชไ้ ฟลภ์ าพสกลุ น้ีได้ 2. ภาพมีขนาดไฟลต์ ่า จากเทคโนโลยกี ารบีบอดั ภาพทาใหส้ ามารถส่งไฟลภ์ าพได้ อยา่ งรวดเร็ว 3. สามารถทาภาพพ้ืนหลงั แบบโปร่งใสได้ 4. มีโปรแกรมสนบั สนุนการสร้างจานวนมาก 5. เรียกดูไดก้ บั บราวเซอร์ทุกตวั 6. สามารถนาเสนอแบบภาพเคล่ือนไหวได้จุดดอ้ ย 1. แสดงสีไดเ้ พยี ง 256 สี 2. ไม่เหมาะกบั ภาพท่ีตอ้ งการความคมชดั หรือความสดใสที่มา : https://sites.google.com/a/watpa.ac.th/kru-patchar/--prapheth-khxng-fil-phaph-krafik

4ตวั อยา่ งภาพไฟลG์ IFhttps://tips.thaiware.com/355.html https://tips.thaiware.com/355.htmlhttp://kaykai42.blogspot.com/2018/07/colosseum.html

5 3.PNG ( Portable Network Graphics ) เป็ นชนิดของไฟล์ภาพท่ีนาจุดเด่นของไฟล์ภาพแบบ GIF และแบบ JPG มาพัฒนา ร่วมกนั ทาใหไ้ ฟลภ์ าพชนิดน้ีแสดงสีไดม้ ากกว่า 256 สี และยงั สามารถทาพ้ืนหลงั ภาพให้ โปร่งใสได้ จึงเป็นไฟลภ์ าพท่ีไดร้ ับความนิยมมากในปัจจุบนั จุดเด่น 1. สนบั สนุนสีไดต้ ามค่า True color (16 bit, 32 bit หรือ 64 bit) 2. สามารถกาหนดค่าการบีบอดั ไฟลไ์ ดต้ ามท่ีตอ้ งการ 3. ทาภาพพ้ืนหลงั แบบโปร่งใสได้ จุดดอ้ ย 1. หากกาหนดค่าการบีบอดั ไฟลไ์ วส้ ูงจะใชเ้ วลาในการคลายไฟลภ์ าพสูงตามไปดว้ ย 2. ไม่สนบั สนุนกบั บราวเซอร์รุ่นเก่า 3. โปรแกรมสนบั สนุนในการสร้างมีนอ้ ยที่มา : https://sites.google.com/a/watpa.ac.th/kru-patchar/--prapheth-khxng-fil-phaph-krafik

6ตวั อยา่ งภาพไฟลP์ NGhttps://www.siamzone.com/board/view.php?sid=3263611_1https://th.pngtree.com/freepng/butterfly-specimens_3033755.htmlhttps://sites.google.com/site/kruchompoohtml/hnwy-kar-reiyn-ru5

74. BMP (Bitmap) ถูกสร้างข้ึนมาเพ่ือใชเ้ พ่ือแสดงผลภาพกราฟฟิ คโปรแกรมวินโดวส์ เป็นไฟลท์ ่ีไม่ค่อยมีประโยชนใ์ นดา้ นการใชง้ านมากนกั จะใชเ้ พอ่ื เกบ็ กราฟฟิ คไฟลท์ ่ีเป็นตน้ แบบเสียส่วนใหญ่ และใชใ้ นการแสดงผลบนจอคอมพิวเตอร์จุดเด่น 1. แสดงรายละเอียดสีได้ 24 บิต 2. ไม่มีการสูญเสียขอ้ มูลใด ๆ เม่ือมีการยอ่ หรือขยายภาพ 3. นาไปใชง้ านไดก้ บั ทุกโปรแกรมในระบบปฏิบตั ิการวนิ โดวส์จุดดอ้ ย 1. ภาพมีขนาดใหญ่มากจึงใชเ้ น้ือท่ีในการจดั เกบ็ ค่อนขา้ งมาก 2. ความละเอยี ดของภาพอาจจะไม่ชดั เจนเหมือนตน้ ฉบบัที่มา : https://sites.google.com/a/watpa.ac.th/kru-patchar/--prapheth-khxng-fil-phaph-krafik

8ตวั อยา่ งภาพไฟลB์ MPhttps://krunun2560blog.wordpress.com/2017/06/09/bitmap/http://www.akexorcist.com/2013/10/android-code-design-vector.html http://406grapicgroup1.blogspot.com/2013/

95.TIFF ( Tagged Image File Format ) เป็นการบนั ทึกรูปภาพซ่ึงสามารถบีบอดั ขอ้ มูล ทาใหค้ ุณภาพของสีเหมือนตน้ ฉบบั แต่ไฟลน์ ้นั จะมีขนาดค่อนขา้ งใหญ่ และ สามารถนาไปใชร้ ่วมกบั โปรแกรม PageMaker ได้ เป็นกราฟฟิ คไฟลท์ ่ีสร้างมาเพอ่ื โปรแกรมประเภทจดั หนา้ หนงั สือ (Desktop Publishing) สามารถเกบ็ ขอ้ มูล รายละเอียดของภาพไดค้ ่อนขา้ งมาก ใชไ้ ดท้ ้งั ใน Mac และ PC มีหลายเวอร์ชนั่ แต่ที่นิยมใชก้ นั คือ เวอร์ชนั่ 4 และ 5โดยมีจุดเด่นจุดดอ้ ยดงั น้ีจุดเด่น 1. สามารถใชง้ านขา้ มระบบ ไม่ว่าจะเป็ นระบบปฏิบตั ิการวินโดวส์หรือระบบปฏิบตั ิการ ยนู ิกซก์ ส็ ามารถเรียกใชไ้ ฟลภ์ าพชนิดน้ีได้ 2. แสดงรายละเอียดสีได้ 48 บิต 3. ไฟลม์ ีความยดื หยนุ่ สูง สามารถเปลี่ยนแปลงแกไ้ ขได้ 4. เมื่อมีการบีบอดั ไฟลจ์ ะมีการสูญเสียขอ้ มูลนอ้ ยมาก 5. มีโปรแกรมสนบั สนุนการสร้างจานวนมากจุดดอ้ ย 1. ไฟลภ์ าพมีขนาดค่อนขา้ งใหญ่ 2. ใชพ้ ้ืนท่ีในการจดั เกบ็ ไฟลภ์ าพสูงท่ีมา : https://sites.google.com/a/watpa.ac.th/kru-patchar/--prapheth-khxng-fil-phaph-krafik

10ตวั อยา่ งภาพไฟลT์ IFFhttp://kabinburischool.com/Multimedia/unit1.php?page=1 https://www.comgeeks.net/tiff/https://www.sbuyscan.co/blog/tiff

116. PSD (Photoshop Document) เป็ นไฟล์ภาพเฉพาะโปรแกรม Adobe Photoshop จะทาการบนั ทึกแบบแยกเลเยอร์(Layer) โดยเกบ็ ประวตั ิการทางานและรายละเอียดการตกแต่งภาพ เอาไว้ เพื่อง่ายต่อการแกไ้ ขในภายหลงั จุดเด่น 1. มีการบนั ทึกแบบแยกเลเยอร์และเกบ็ ประวตั ิการทางานทุกข้นั ตอน 2. สามารถนาไฟลภ์ าพมาแกไ้ ขไดใ้ นภายหลงั จุดดอ้ ย 1. ไฟลภ์ าพมีขนาดใหญ่เมื่อเทียบกบั ไฟลภ์ าพประเภทอื่น 2. ไม่สามารถเปิ ดใชง้ านในโปรแกรมอ่ืนได้ท่ีมา : https://sites.google.com/a/watpa.ac.th/kru-patchar/--prapheth-khxng-fil-phaph-krafik

12ตวั อยา่ งภาพไฟลP์ SDhttps://th.pngtree.com/free-backgrounds-photoshttps://th.pngtree.com/freepng/sample-modern-villa_314882.htmlhttp://pongsid3.blogspot.com/2013/03/photoshop-png.html

13 จัดทำโดยนำยพรี เพชร จันทร์ขำ เลขท่ี 15 ปวช 3 คอมพวิ เตอร์ธุรกจิ 2