SlideShare a Scribd company logo
ภ พกร ฟกชนดต
                ภาพกราฟกชนิดตางๆ
• ภาพชนิด GIF
  ภาพชนด
  –เปนรูปแบบที่คิดคนโดยบริษัท Compuserve เหมาะสําหรับการ
   นํามาใชในเว็บเพจ
  –ขอจํากัด สามารถใชสไดสูงสุดเพยงครงละ 256 สี เทานั้น
   ขอจากด สามารถใชสีไดสงสดเพียงครั้งละ    ส เทานน
  – แสดงภาพโปรงใส และภาพเคลื่อนไหวได
เตรียมภาพเพื่อใชในเว็บเพจ
• ใช .JPEG สําหรับภาพถาย หรอภาพวาดทมจานวนสมากๆ
  ใช          สาหรบภาพถาย หรือภาพวาดที่มีจํานวนสีมากๆ
• ใช .GIF หรือ .PNG-8 สําหรับภาพที่มีลักษณะเปนลายเสน หรือภาพที่ตองการ
  สรางเปนภาพโปรงใส เชน การตู และภาพเคลื่อนไหว
  สรางเปนภาพโปรงใส เชน การตน และภาพเคลอนไหว
• ใช .PNG-24 สําหรับภาพถายที่ตองการใหมลักษณะโปรงใส แตละไฟลที่ได
                                             ี
  หลัังการบีีดอััด จะมีขนาดใหญกวาไฟล JPEG และมีีคุณภาพมากกวาไฟล
                       ี ใ   ไฟ                                ไฟ
  JPEG
ตัวอยางภาพ gif
            g
กราฟกชนดตางๆ
                 กราฟกชนิดตาง
• ภาพชนิด JPEG
  –ถูกพฒนา
  –ถกพัฒนา Joint Photographic Experts Group
  –ขอดี สามารถแสดงสีไดสูงสุดถึง 16.7 ลานสี
                             ุ
  –เหมาะสําหรับใชแสดงภาพถายที่มีสีสันมาก
ตัวอยางภาพ jpg
กราฟกชนดตางๆ
                กราฟกชนิดตางๆ
• ภาพชนิด png
        ิ
  –เปนไฟลภาพที่นํามาใชแทนที่ไฟลประเภท GIF เนื่องจาก
   เปนไฟลภาพทนามาใชแทนทไฟลประเภท เนองจาก
   สามารถแสดงภาพไดเร็วกวา แตยังไมคอยแพรหลายมาก
                                         
   นักเนื่องจากไมสามารถทําเปนภาพเคลื่อนไหวได
  – พัฒนาโดย Toomas Boutell และ Tom Lane
    พฒนาโดย
  –สามารถกําหนดพื้นหลังใหโปรงแสงได
ตวอยางภาพ
ตัวอยางภาพ jpg
การตกแต่งด้วยภาพ

More Related Content

More from Meaw Sukee

Edit
EditEdit
Problem
ProblemProblem
Problem
Meaw Sukee
 
Peeraya
PeerayaPeeraya
Peeraya
Meaw Sukee
 
ตัวอย่างเล่ม
ตัวอย่างเล่มตัวอย่างเล่ม
ตัวอย่างเล่ม
Meaw Sukee
 
Total pub
Total pubTotal pub
Total pub
Meaw Sukee
 
Total pub
Total pubTotal pub
Total pub
Meaw Sukee
 
Training_edmodo
Training_edmodoTraining_edmodo
Training_edmodoMeaw Sukee
 
หน่วยที่ 1
หน่วยที่ 1หน่วยที่ 1
หน่วยที่ 1
Meaw Sukee
 
User interface
User interfaceUser interface
User interfaceMeaw Sukee
 

More from Meaw Sukee (20)

Edit
EditEdit
Edit
 
Problem
ProblemProblem
Problem
 
Peeraya
PeerayaPeeraya
Peeraya
 
ตัวอย่างเล่ม
ตัวอย่างเล่มตัวอย่างเล่ม
ตัวอย่างเล่ม
 
Cal 190856
Cal 190856Cal 190856
Cal 190856
 
Total pub
Total pubTotal pub
Total pub
 
Public
PublicPublic
Public
 
Total pub
Total pubTotal pub
Total pub
 
Bro
BroBro
Bro
 
Training_edmodo
Training_edmodoTraining_edmodo
Training_edmodo
 
Frame
FrameFrame
Frame
 
Frame
FrameFrame
Frame
 
Table
TableTable
Table
 
Link
LinkLink
Link
 
Text1
Text1Text1
Text1
 
Text
TextText
Text
 
Content
ContentContent
Content
 
Webpage
WebpageWebpage
Webpage
 
หน่วยที่ 1
หน่วยที่ 1หน่วยที่ 1
หน่วยที่ 1
 
User interface
User interfaceUser interface
User interface
 

Recently uploaded

กำหนดการ “การประชุมวิชาการวิทยาการหลังการเก็บเกี่ยวแห่งชาติ ครั้งที่ 21”
กำหนดการ “การประชุมวิชาการวิทยาการหลังการเก็บเกี่ยวแห่งชาติ ครั้งที่ 21”กำหนดการ “การประชุมวิชาการวิทยาการหลังการเก็บเกี่ยวแห่งชาติ ครั้งที่ 21”
กำหนดการ “การประชุมวิชาการวิทยาการหลังการเก็บเกี่ยวแห่งชาติ ครั้งที่ 21”
Postharvest Technology Innovation Center
 
โรคทางพันธุกรรมมมมมมมมมมมมมมมมมมมมมม.ppt
โรคทางพันธุกรรมมมมมมมมมมมมมมมมมมมมมม.pptโรคทางพันธุกรรมมมมมมมมมมมมมมมมมมมมมม.ppt
โรคทางพันธุกรรมมมมมมมมมมมมมมมมมมมมมม.ppt
pakpoomounhalekjit
 
Fullstack Nest.js and Next.js.pdfFullstack Nest.js and Next.js.pdfFullstack N...
Fullstack Nest.js and Next.js.pdfFullstack Nest.js and Next.js.pdfFullstack N...Fullstack Nest.js and Next.js.pdfFullstack Nest.js and Next.js.pdfFullstack N...
Fullstack Nest.js and Next.js.pdfFullstack Nest.js and Next.js.pdfFullstack N...
NuttavutThongjor1
 
Recap JavaScript and TypeScript.pdf Recap JavaScript and TypeScript.pdf
Recap JavaScript and TypeScript.pdf Recap JavaScript and TypeScript.pdfRecap JavaScript and TypeScript.pdf Recap JavaScript and TypeScript.pdf
Recap JavaScript and TypeScript.pdf Recap JavaScript and TypeScript.pdf
NuttavutThongjor1
 
โครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิต...
โครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิต...โครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิต...
โครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิต...
SweetdelMelon
 
bio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกัน
bio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกันbio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกัน
bio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกัน
CholapruekSangkamane1
 

Recently uploaded (6)

กำหนดการ “การประชุมวิชาการวิทยาการหลังการเก็บเกี่ยวแห่งชาติ ครั้งที่ 21”
กำหนดการ “การประชุมวิชาการวิทยาการหลังการเก็บเกี่ยวแห่งชาติ ครั้งที่ 21”กำหนดการ “การประชุมวิชาการวิทยาการหลังการเก็บเกี่ยวแห่งชาติ ครั้งที่ 21”
กำหนดการ “การประชุมวิชาการวิทยาการหลังการเก็บเกี่ยวแห่งชาติ ครั้งที่ 21”
 
โรคทางพันธุกรรมมมมมมมมมมมมมมมมมมมมมม.ppt
โรคทางพันธุกรรมมมมมมมมมมมมมมมมมมมมมม.pptโรคทางพันธุกรรมมมมมมมมมมมมมมมมมมมมมม.ppt
โรคทางพันธุกรรมมมมมมมมมมมมมมมมมมมมมม.ppt
 
Fullstack Nest.js and Next.js.pdfFullstack Nest.js and Next.js.pdfFullstack N...
Fullstack Nest.js and Next.js.pdfFullstack Nest.js and Next.js.pdfFullstack N...Fullstack Nest.js and Next.js.pdfFullstack Nest.js and Next.js.pdfFullstack N...
Fullstack Nest.js and Next.js.pdfFullstack Nest.js and Next.js.pdfFullstack N...
 
Recap JavaScript and TypeScript.pdf Recap JavaScript and TypeScript.pdf
Recap JavaScript and TypeScript.pdf Recap JavaScript and TypeScript.pdfRecap JavaScript and TypeScript.pdf Recap JavaScript and TypeScript.pdf
Recap JavaScript and TypeScript.pdf Recap JavaScript and TypeScript.pdf
 
โครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิต...
โครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิต...โครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิต...
โครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิต...
 
bio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกัน
bio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกันbio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกัน
bio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกัน
 

การตกแต่งด้วยภาพ

  • 1.
  • 2. ภ พกร ฟกชนดต ภาพกราฟกชนิดตางๆ • ภาพชนิด GIF ภาพชนด –เปนรูปแบบที่คิดคนโดยบริษัท Compuserve เหมาะสําหรับการ นํามาใชในเว็บเพจ –ขอจํากัด สามารถใชสไดสูงสุดเพยงครงละ 256 สี เทานั้น ขอจากด สามารถใชสีไดสงสดเพียงครั้งละ ส เทานน – แสดงภาพโปรงใส และภาพเคลื่อนไหวได
  • 3. เตรียมภาพเพื่อใชในเว็บเพจ • ใช .JPEG สําหรับภาพถาย หรอภาพวาดทมจานวนสมากๆ ใช สาหรบภาพถาย หรือภาพวาดที่มีจํานวนสีมากๆ • ใช .GIF หรือ .PNG-8 สําหรับภาพที่มีลักษณะเปนลายเสน หรือภาพที่ตองการ สรางเปนภาพโปรงใส เชน การตู และภาพเคลื่อนไหว สรางเปนภาพโปรงใส เชน การตน และภาพเคลอนไหว • ใช .PNG-24 สําหรับภาพถายที่ตองการใหมลักษณะโปรงใส แตละไฟลที่ได ี หลัังการบีีดอััด จะมีขนาดใหญกวาไฟล JPEG และมีีคุณภาพมากกวาไฟล ี ใ   ไฟ  ไฟ JPEG
  • 5. กราฟกชนดตางๆ กราฟกชนิดตาง • ภาพชนิด JPEG –ถูกพฒนา –ถกพัฒนา Joint Photographic Experts Group –ขอดี สามารถแสดงสีไดสูงสุดถึง 16.7 ลานสี ุ –เหมาะสําหรับใชแสดงภาพถายที่มีสีสันมาก
  • 7. กราฟกชนดตางๆ กราฟกชนิดตางๆ • ภาพชนิด png ิ –เปนไฟลภาพที่นํามาใชแทนที่ไฟลประเภท GIF เนื่องจาก เปนไฟลภาพทนามาใชแทนทไฟลประเภท เนองจาก สามารถแสดงภาพไดเร็วกวา แตยังไมคอยแพรหลายมาก  นักเนื่องจากไมสามารถทําเปนภาพเคลื่อนไหวได – พัฒนาโดย Toomas Boutell และ Tom Lane พฒนาโดย –สามารถกําหนดพื้นหลังใหโปรงแสงได