วิธีเพิ่มการสนับสนุน png (apng) แบบเคลื่อนไหวใน Google Chrome

ลองใช้เครื่องมือของเราเพื่อกำจัดปัญหา

ไฟล์ PNG ที่เคลื่อนไหวทำงานได้หลายอย่างเช่นเดียวกับไฟล์ gif ที่แสดงบนเว็บไซต์อินเทอร์เน็ต พวกเขามีข้อดีหลายประการมากกว่าไฟล์ gif ในทางกลับกันรวมถึงการรองรับความโปร่งใส 24 บิตและ 8 บิตซึ่ง gif ไม่รองรับ

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

ข้อเสียคือมักจะมีขนาดที่ใหญ่กว่าเพราะมัน

รูปแบบนี้เป็นส่วนขยายของรูปแบบไฟล์ PNG ซึ่งปัจจุบันยังไม่เป็นมาตรฐาน สิ่งนี้หมายความว่าเบราว์เซอร์ส่วนใหญ่ยังไม่รองรับคุณลักษณะนี้

เพื่อความแม่นยำมีเพียงเบราว์เซอร์ที่ใช้ Mozilla Firefox และ Firefox เท่านั้นที่รองรับไฟล์ PNG ที่เคลื่อนไหวได้ในขณะที่เขียน เบราว์เซอร์ Opera รองรับจนถึงเวอร์ชัน 12.x แต่ Opera ใหม่ที่ใช้ Chromium ไม่รองรับ

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

ตัวอย่าง APNG

Animated_PNG_example_bouncing_beach_ball

หากเบราว์เซอร์ของคุณไม่รองรับไฟล์ png แบบเคลื่อนไหวคุณจะเห็นภาพนิ่งของลูกบอล หากรองรับรูปแบบนี้คุณจะเห็นลูกบอลกระดอนแทน

ผู้ใช้ Google Chrome ที่ต้องการเพิ่มการสนับสนุนรูปแบบ PNG แบบเคลื่อนไหวลงในเบราว์เซอร์ของตนเช่นเนื่องจากเป็นรูปแบบที่ใช้บนเว็บไซต์ที่เข้าชมสามารถติดตั้งส่วนขยาย APNG เพื่อให้ทำได้

ใช้งานได้ทันทีในทุกเว็บไซต์ที่คุณเยี่ยมชม (โหมดรายการที่อนุญาตพิเศษ) แต่สามารถสลับไปใช้งานได้เฉพาะในไซต์ที่คุณอนุญาตให้เรียกใช้อย่างชัดเจนแทน (โหมดบัญชีดำ)

ทั้งสองโหมดมาพร้อมกับตัวเลือกในการอนุญาตหรือบล็อกไฟล์ png แบบเคลื่อนไหวในบางเว็บไซต์

apng-extension

แม้ว่าฉันจะไม่ได้ทดสอบส่วนขยายใน Opera หรือเบราว์เซอร์ที่ใช้ Chromium อื่น ๆ แต่ก็มีแนวโน้มว่าจะใช้งานได้ในเบราว์เซอร์เหล่านั้นเช่นกัน

การสนับสนุนส่วนขยายที่เพิ่มเข้ามาในเบราว์เซอร์ Chrome ทำงานได้ดีเป็นส่วนใหญ่ ตามคำอธิบายของผู้เขียนการรองรับอิมเมจ CSS อาจไม่สมบูรณ์