ยังมีเหตุผลใดที่จะชอบ GIF มากกว่า PNG เมื่อสร้างภาพสำหรับหน้าเว็บหรือไม่ [ปิด]


15

นานมาแล้วฉันเคยหลีกเลี่ยงรูปแบบภาพ PNG เมื่อสร้างหน้าเว็บเพราะการสนับสนุนเบราว์เซอร์ขาด ฉันจำได้ว่ามี PNG บนหน้าเว็บอาจทำให้ปลั๊กอิน QuickTime โหลดได้ - yuck

วันนี้เบราว์เซอร์สมัยใหม่ทุกรุ่นรองรับ PNG ได้ดีและฉันใช้มันในหน้าเว็บของฉันเพราะ:

  • เมื่อเทียบกับ JPEG การบีบอัด PNG จะไม่สูญเสีย สำคัญอย่างยิ่งสำหรับโลโก้ / ภาพวาด / แผนภูมิ
  • เปรียบเทียบกับ GIF แล้ว PNG ไม่ จำกัด อยู่ที่ 256 สี เรื่องมากกับการไล่ระดับสี

กล่าวอีกนัยหนึ่งเมื่อใช้ PNG ภาพของฉันจะเริ่มคมชัดและอยู่ในลักษณะนั้น

ฉันยังคงเห็นว่า JPEG มีประโยชน์เพราะมันบีบอัดได้ดีกว่ามากและสูญเสียคุณภาพการมองเห็นเล็กน้อยสำหรับภาพถ่ายโดยเฉพาะ

ดังนั้นคำถามของฉันคือ: ยังมีกรณีการใช้งานอะไรให้ใช้รูปแบบไฟล์ GIF ในหน้าเว็บบ้าง GIF นั้นล้าสมัยไปแล้วในขณะนี้โดย PNG และการยอมรับหรือเป็นสิ่งที่ GIF เฉพาะยังดีอยู่หรือไม่


คำตอบ:


15

เท่าที่ฉันรู้เหตุผลเหล่านี้เป็นเพียง:

  • AnimGIF ภาพเคลื่อนไหวนี้ทำงานได้ทุกที่ มีรูปแบบ APNG แต่ไม่รองรับอย่างกว้างขวางและไม่มีเครื่องมือแก้ไขที่แท้จริง

  • กราฟิกโปร่งใส 1x1สมมติว่าคุณสนใจว่าจะเป็น 80b หรือ 120b นี่เป็นกรณีเดียวที่ GIF ให้ขนาดไฟล์เล็กกว่า PNG

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

รองรับ IE6 เป็นปลาเฮอริ่งแดง

ความสับสนนั้นมาจากความจริงที่ว่ามี PNG หลายรูปแบบและบางส่วนนั้นได้รับการสนับสนุนอย่างสมบูรณ์และบางส่วนก็ไม่ได้รับการสนับสนุน

  1. Paletted PNG ที่มีความโปร่งใส 1 บิต (เช่น GIF): ทำงานได้อย่างสมบูรณ์แบบใน IE6 ไม่มีแฮ็กใด ๆ

  2. Paletted PNG ที่มีความโปร่งใส 8 บิต (เป็นไปไม่ได้ใน GIF): ทำงานบางส่วนใน IE6 (ลดลงเป็น 1 บิต)

  3. PNG สีจริงพร้อมความโปร่งใส 8 บิต (เป็นไปไม่ได้ใน GIF): ไม่ทำงานใน IE6 โดยไม่แฮ็ก

ฉันแน่ใจ 100% ฉันได้ทำการทดสอบอย่างกว้างขวางแล้ว ฉันใช้มันในเว็บไซต์ของฉัน ฉันยังทำงานกับซอฟต์แวร์ที่จัดการไฟล์เหล่านั้น

ในระยะสั้น: ถ้าภาพที่สามารถบันทึกเป็น GIF ไม่เคลื่อนไหวก็จะแน่นอนการทำงานเป็น PNG ในเบราว์เซอร์ทั้งหมดโดยไม่มีการแฮ็ก


1
ฉันขอโทษ แต่ฉันต้องลงคะแนน ข้อมูลนี้ไม่ถูกต้อง โปรดดูsupport.microsoft.com/kb/294714 คุณต้องใช้ตัวกรอง
คนแคระ

8
@A แคระ: ฉันแน่ใจ 100% ว่า PNG 8 บิตด้วยความโปร่งใส 1 บิต (GIF เหมือน) ทำงานอย่างสมบูรณ์แบบใน IE6, เพราะฉันใช้มัน คุณเคยทดสอบมันหรือยัง? สิ่งที่คุณได้เห็นเป็นสิ่งจำเป็นสำหรับ PNG 24 บิตพร้อมช่องอัลฟา 8 บิต (ไม่เหมือน GIF) สิ่งเหล่านี้ไม่เหมือนกัน
Kornel

5

มันมีประโยชน์สำหรับแอนิเมชั่นที่ไม่มีปลั๊กอินเช่น Camtasia screencasts

ป้อนคำอธิบายรูปภาพที่นี่

จาก: http://www.codinghorror.com/blog/archives/000583.html


จากนั้นก็มี APNG ( en.wikipedia.org/wiki/APNG ) เนื่องจากเรากำลังพูดถึงเบราว์เซอร์ที่ทันสมัย ...
Jawa

APNG ใช่มั้ย ผมคิดเสมอว่างานที่จะไปถึง SVG upload.wikimedia.org/wikipedia/commons/0/01/...
hyperslug

3

ยังมีเหตุผลใดที่จะชอบ GIF มากกว่า PNG เมื่อสร้างภาพสำหรับหน้าเว็บหรือไม่


เฉพาะ PNG เท่านั้นที่ไม่รองรับเบราว์เซอร์รุ่นเก่าอย่าง IE 6

ตามมาร์เก็ต IE 6.0 ยังคงถือหุ้นที่น่าประทับใจ 24% ของส่วนแบ่งตลาดเบราว์เซอร์ทำให้มันเป็นที่ที่ใช้มากที่สุดรุ่นเบราว์เซอร์ ไม่ต้องสงสัยเลยว่าเกิดจากการยอมรับขององค์กรและนโยบายการอัพเกรดแบบช้า แต่มันเป็นความจริงที่คุณต้องระวัง


อย่างไรก็ตามโปรดทราบว่าหากคุณสร้าง PNG แบบเรียบคุณควรจะใช้ได้ มันเป็นอัลฟ่าและ PNG แบบโปร่งใสที่ไม่รองรับ


การต่อต้านการนำไปใช้ของ Vista ช่วยให้ XP (และเบราว์เซอร์เริ่มต้น, IE6) ยังคงเป็นที่นิยม Windows 7 และไม่ใช่ Vista น่าจะเข้ายึดฐานผู้ใช้ของ XP ในที่สุดดังนั้นหวังว่าตัวเลขเหล่านั้นจะลดลง
hyperslug

1
ฉันเดาว่าถ้าคุณมีแนวโน้มที่จะใช้ GIF โปร่งใสพิกเซลเดียวในการออกแบบเว็บของคุณคุณอาจต้องการติดกับ GIF เพราะ PNG อาจปรากฏเป็นจุดสีเทาใน IE6
hyperslug

2
กรุณาดูที่คำตอบ porneL เพื่อดูว่าทำไม IE6 ไม่ได้เป็นปัญหาสำหรับ PNG
วินเซนต์โรเบิร์ต

porneL พูดถึง pngs โปร่งใส 1 สี ฉันพูดถึงความโปร่งใสของช่องอัลฟาเต็มรูปแบบ บางทีถ้าคุณอ่านคำตอบของฉันดีขึ้น? เห็นความคิดเห็นของฉันในโพสต์ของเขาเกี่ยวกับ pngs โปร่งใส 1 สี
คนแคระ

1
คนแคระ: GIF ทั้งหมดเป็น 8 บิตดังนั้นคุณไม่จำเป็นต้องใช้ PNG 24 บิตในการแสดงภาพ GIF! ความจริงที่ว่ารูปแบบ 24 บิตไม่ทำงานไม่เกี่ยวข้องกับการอภิปราย PNG / GIF คุณแค่กระจายความสับสน
Kornel
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.