• นกฮูกสากล
  • ranking : สมาชิกทั่วไป
  • email : chularak@hotmail.com
  • วันที่สร้าง : 2007-03-22
  • จำนวนเรื่อง : 30
  • จำนวนผู้ชม : 12258
  • จำนวนผู้โหวต : 3
  • ส่ง msg :
IT
สาระทั่วไปเกี่ยวกับความรู้IT
Permalink : http://www.oknation.net/blog/IT
วันอังคาร ที่ 17 เมษายน 2550
PNG ไฟล์รูปภาพสำหรับ เว็บไซต์
Posted by นกฮูกสากล , ผู้อ่าน : 218 , 13:04:58 น.  
พิมพ์หน้านี้


PNG ไฟล์รูปภาพสำหรับ เว็บไซต์
PNG ย่อมาจาก Portable Network Graphics ซึ่งเป็นรูปแบบของไฟล์รูปภาพที่ถูกพัฒนามาเพื่อใช้สำหรับการแสดงผลบนเว็บไซต์โดยเฉพาะ และเพื่อใช้แทนรูปแบบของไฟล์ GIF ด้วยเหตุผลทางด้านลิขสิทธิ์ เพราะ PNG นั้นเป็นรูปแบบของไฟล์รูปภาพที่มีลิขสิทธิ์แบบ Open Source สามารถนำไปใช้ และพัฒนาต่อได้อย่างอิสระ

     โดยที่คุณสมบัติทั่วๆไปของ PNG นั้นจะคล้ายกับ GIF คือ มีการบีบอัดไฟล์ได้โดยไม่สูญเสียคุณภาพ นอกจากนี้ PNG ยังมีข้อดีอีกหลายประการที่ไม่มีใน GIF คือ

     - รูปแบบไฟล์แบบPNG นั้นสามารถที่จะบีบอัดไฟล์ให้มีขนาดเล็กกว่า GIF ประมาณ 10-30%

     - สามารถทำพื้นหลังโปร่งใส (Transparency) ได้เหมือนกับ GIF แต่สามารถปรับค่าความโปร่งใสได้ เพราะ PNG นั้นรองรับ Alpha Transparency แต่ GIF นั้นจะรองรับเพียง Binary Transparency กล่าวคือ GIF สามารถทำให้ภาพมีพื้นหลัง 100% และไม่มีพื้นหลังเลย (พื้นหลัง 0%) แต่จะไม่สามารถทำให้พื้นหลังมีค่าที่ต่างไปจากนี้ได้ เช่นให้พื้นหลังมีค่า 50% จะไม่สามารถทำได้ เราจึงเรียกคุณสมบัตินี้ว่า Binary Transparency

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



แสดงการเปรียบเทียบ ไฟล์ .gif และ .png

     - รูปแบบไฟล์แบบPNG สามารถแสดงผลแบบหยาบสู่ละเอียด (Interlaced) ได้เร็วกว่า Interlaced GIF



แสดงตัวอย่างการแสดงภาพหยาบสู่ละเอียด (Interlaced)

     - รูปแบบไฟล์แบบPNG นั้นรองรับการแสดงผลของสีได้มากถึง 48 บิต ซึ่ง GIF นั้นสามารถรองรับการแสดงสีได้แค่ 8 บิต เท่านั้น

     ส่วนในเรื่องของการทำภาพเคลื่อนไหวนั้น ไฟล์ GIF คงไม่มีปัญหาในเรื่องนี้ โดยในปัจจุบัน ไฟล์ GIF ที่นิยมใช้กันอยู่นั้น จะมีอยู่ด้วยกัน 2 เวอร์ชัน คือ 87a และ89a โดยที่ 87a จะเป็นรูปภาพกราฟิกเพียงอย่างเดียว ขณะที่เวอร์ชัน 89a จะสนับสนุนการทำภาพเคลื่อนไหวได้ ส่วนไฟล์ PNG นั้นก็สามารถที่จะทำภาพเคลื่อนไหวได้เช่นกัน โดยต้องใช้ระบบ MNG (Multi-Image PNG) เข้าช่วย

     จะเห็นได้ว่ารูปแบบไฟล์แบบ PNG นั้นมีข้อดีมากมาย แต่ยังไม่เป็นที่นิยมมากนัก เนื่องจาก เว็บบราวเซอร์ ต่างๆยังไม่รองรับการแสดงผลของ PNG อย่างเต็มรูปแบบ แต่ปัจจุบัน เว็บบราวเซอร์ เกือบทุกชนิดสามารถรองรับการแสดงผลของ PNG ได้แล้ว ยกเว้นแต่ Internet Explorer (ไม่รวม IE 7 ที่ออกมาใหม่) เท่านั้น

     หลายคนอาจจะสงสัยว่าแล้วไม่มีวิธีอื่นอีกหรือ ที่จะทำให้ IE สามารถแสดงไฟล์ PNG ได้เต็มรูปแบบ คำตอบก็คือพอที่จะมีอยู่บ้าง เช่นใช้ DHTML เข้ามาช่วยโดยการเพิ่ม Filter ชื่อ AlphaImageLoader(ข้อมูลเพิ่มเติมที่ http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters/alphaimageloader.asp ) หรือใช้ PHP ในการทำให้ไฟล์ PNG เป็น Transparency สำหรับแสดงบน IE หรืออาจจะใช้ Java Script เข้ามาช่วยก็ได้เช่นกัน

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





อ่านความคิดเห็น

ความคิดเห็นที่ 2
Je@b วันที่ : 07/07/2008 เวลา : 11.52 น.
http://www.oknation.net/blog/wujira


ขอบคุณค่ะ คุณนกฮูก ^ - ^
ความคิดเห็นที่ 1
KennyHass วันที่ : 17/04/2007 เวลา : 18.46 น.
http://www.oknation.net/blog/kennyhass
It's good to be your friend.

pngมีข้อเสียตรงที่ไฟล์มันใหญ่กว่าเพื่อน เวลาโหลดจึงโหลดนานกว่าไฟล์อื่น อย่างพวกgifหรือjpgน่ะครับ เพราะงี้เลยไม่ค่อยมีคนนิยมน่ะครับ
แสดงความคิดเห็น

  เข้าสู่ระบบ   |   สมัครสมาชิก
ชื่อ:  
อีเมล์:  
เว็บไซต์:  
ความคิดเห็น:  
   

ถึง บล็อกเกอร์ ทุกท่าน โปรดอ่าน
   ด้วยทาง บริษัท จีเอ็มเอ็ม แกรมมี่ จำกัด (มหาชน) ได้ติดต่อขอความร่วมมือ มายังเว็บไซต์และเว็บบล็อกต่าง ๆ รวมไปถึงเว็บบล็อก OKnation ห้ามให้มีการเผยแพร่ผลงานอันมีลิขสิทธิ์ ของบริษัท จีเอ็มเอ็ม แกรมมี่ฯ บนเว็บ blog โดยกำหนดขอบเขตของสิ่งที่ห้ามทำ และสามารถทำได้ ดังนี้
ห้ามทำ
- การใส่ผลงานเพลงต้นฉบับให้ฟัง ทั้งแบบควบคุมเพลงได้ หรือซ่อนเป็นพื้นหลัง และทั้งที่อยู่ใน server ของคุณเอง หรือ copy code คนอื่นมาใช้
- การเผยแพร่ file ให้ download ทั้งที่อยู่ใน server ของคุณเอง หรือฝากไว้ server คนอื่น
สามารถทำได้
- เผยแพร่เนื้อเพลง ต้องระบุชื่อเพลงและชื่อผู้ร้องให้ชัดเจน
- การใส่เพลงที่ร้องไว้เอง ต้องระบุชื่อผู้ร้องต้นฉบับให้ชัดเจน
จึงเรียนมาเพื่อโปรดปฎิบัติตาม มิเช่นนั้นทางบริษัท จีเอ็มเอ็ม แกรมมี่ฯ จะให้ฝ่ายดูแลลิขสิทธิ์ ดำเนินการเอาผิดกับท่านตามกฎหมายละเมิดลิขสิทธิ์
OKNATION



กฎกติกาการเขียนเรื่องและแสดงความคิดเห็น
1 การเขียน หรือแสดงความคิดเห็นใด ๆ ต้องไม่หมิ่นเหม่ หรือกระทบต่อสถาบันชาติ ศาสนา และพระมหากษัตริย์ หรือกระทบต่อความมั่นคงของชาติ
2. ไม่ใช้ถ้อยคำหยาบคาย ดูหมิ่น ส่อเสียด ให้ร้ายผู้อื่นในทางเสียหาย หรือสร้างความแตกแยกในสังคม กับทั้งไม่มีภาพ วิดีโอคลิป หรือถ้อยคำลามก อนาจาร
3. ความขัดแย้งส่วนตัวที่เกิดจากการเขียนเรื่อง แสดงความคิดเห็น หรือในกล่องรับส่งข้อความ (หลังไมค์) ต้องไม่นำมาโพสหรือขยายความต่อในบล็อก และการโพสเรื่องส่วนตัว และการแสดงความคิดเห็น ต้องใช้ภาษาที่สุภาพเท่านั้น
4. พิจารณาเนื้อหาที่จะโพสก่อนเผยแพร่ให้รอบคอบ ว่าจะไม่เป็นการละเมิดกฎหมายใดใด และปิดคอมเมนต์หากจำเป็นโดยเฉพาะเรื่องที่มีเนื้อหาพาดพิงสถาบัน
5.การนำเรื่อง ภาพ หรือคลิปวิดีโอ ที่มิใช่ของตนเองมาลงในบล็อก ควรอ้างอิงแหล่งที่มา และ หลีกเลี่ยงการเผยแพร่สิ่งที่ละเมิดลิขสิทธิ์ ไม่ว่าจะเป็นรูปแบบหรือวิธีการใดก็ตาม 6. เนื้อหาและความคิดเห็นในบล็อก ไม่เกี่ยวข้องกับทีมงานผู้ดำเนินการจัดทำเว็บไซต์ โดยถือเป็นความรับผิดชอบทางกฎหมายเป็นการส่วนตัวของสมาชิก
คลิ้กอ่านเงื่อนไขทั้งหมดที่นี่"
OKnation ขอสงวนสิทธิ์ในการปิดบล็อก ลบเนื้อหาและความคิดเห็น ที่ขัดต่อความดังกล่าวข้างต้น โดยไม่ต้องชี้แจงเหตุผลใดๆ ต่อเจ้าของบล็อกและเจ้าของความคิดเห็นนั้นๆ
   

กลับไปหน้าที่แล้ว กลับด้านบน

เพลง

เพลงที่น่าฟัง

View All
<< เมษายน 2007 >>
อา พฤ
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30