วิธีใช้งาน
- ลากไฟล์ .avif มาวางในพื้นที่วางไฟล์ คลิกเพื่อเลือกไฟล์ หรือวางรูปภาพ
- เลือก “คงรูปแบบเดิม” เพราะ AVIF มักเป็นตัวเลือกที่เล็กที่สุดอยู่แล้ว และเครื่องมือนี้เข้ารหัสรูปภาพใหม่เป็น AVIF ไม่ได้
- แปลงเป็น PNG, JPEG หรือ WebP เฉพาะเมื่อฝั่งปลายทางรองรับ AVIF ไม่ได้เท่านั้น
- คัดลอก data URI ไปใช้เป็นแหล่งที่มาขององค์ประกอบ picture หรือใช้เอาต์พุตแบบ Base64 ล้วน, แท็ก img, CSS หรือ Markdown
AVIF คืออะไร
AVIF (AV1 Image File Format) จัดเก็บรูปภาพที่บีบอัดด้วยตัวแปลงสัญญาณวิดีโอ AV1 ไว้ในคอนเทนเนอร์ HEIF เผยแพร่โดย Alliance for Open Media ในปี 2019 และรองรับความโปร่งใส ภาพเคลื่อนไหว สีแบบ 10 และ 12 บิต HDR และขอบเขตสีกว้าง ชนิด MIME คือ image/avif
ที่คุณภาพของภาพเท่ากัน ไฟล์ AVIF มักเล็กกว่า JPEG อย่างเห็นได้ชัด และมักเล็กกว่า WebP ด้วย โดยเฉพาะที่บิตเรตต่ำ เนื่องจาก Base64 เพิ่มขนาดหนึ่งในสามเท่ากันกับทุกไฟล์ AVIF ที่เล็กกว่าจึงหมายถึง data URI ที่สั้นกว่าโดยตรง
การรองรับในเบราว์เซอร์และภาพสำรอง
AVIF แสดงผลได้ใน Chrome 85 ขึ้นไป, Firefox 93 ขึ้นไป, Safari 16 ขึ้นไป และ Edge 121 ขึ้นไป เบราว์เซอร์รุ่นเก่าและโปรแกรมอีเมลส่วนใหญ่แสดงไม่ได้ บนเว็บให้ครอบ data URI ด้วยองค์ประกอบ <picture> พร้อมภาพสำรอง:
<picture>
<source type="image/avif" srcset="data:image/avif;base64,...">
<img src="logo.png" alt="Logo" width="120" height="40">
</picture>ควรเก็บภาพสำรองไว้เป็นไฟล์แยก หากภาพสำรองเป็น data URI ด้วย ผู้เข้าชมทุกคนจะต้องดาวน์โหลดทั้งสองเวอร์ชันมาพร้อมกับ HTML
ตัวเลือกการเข้ารหัสและการแปลง
เครื่องมือนี้เข้ารหัสไฟล์ AVIF ของคุณตามที่เป็นอยู่ทุกประการ AVIF ไม่ได้อยู่ในรูปแบบปลายทางของการแปลง ซึ่งได้แก่ PNG, JPEG และ WebP ดังนั้นหากต้องการสร้าง AVIF จากรูปแบบอื่น ให้ใช้ตัวเข้ารหัสเฉพาะทาง เช่น avifenc, Squoosh หรือโปรแกรมแก้ไขรูปภาพ แล้วจึงนำผลลัพธ์มาเข้ารหัสที่นี่
การแปลง AVIF เป็น PNG, JPEG หรือ WebP ทำได้ในเบราว์เซอร์ที่ถอดรหัส AVIF ได้ และมีประโยชน์สำหรับระบบที่ไม่รับ AVIF แต่ผลลัพธ์มักมีขนาดใหญ่กว่า หากต้องการทั้งการรองรับที่กว้างขวางและขนาดที่เล็ก WebP คือทางเลือกที่ใกล้เคียงที่สุด
คำถามที่พบบ่อย
แปลง PNG หรือ JPEG เป็น AVIF ที่นี่ได้หรือไม่
ไม่ได้ รูปแบบปลายทางของการแปลงมีเพียง PNG, JPEG และ WebP ให้สร้างไฟล์ AVIF ด้วยเครื่องมืออื่นก่อน แล้วจึงลากมาวางที่นี่เพื่อเข้ารหัส
เบราว์เซอร์ใดแสดงรูปภาพ data:image/avif ได้
Chrome 85 ขึ้นไป, Firefox 93 ขึ้นไป, Safari 16 ขึ้นไป และ Edge 121 ขึ้นไป สำหรับเบราว์เซอร์รุ่นเก่า ให้เตรียมภาพสำรองแบบ PNG หรือ JPEG ไว้ในองค์ประกอบ picture
ทำไมจึงไม่มีภาพตัวอย่างของรูปภาพ AVIF
เบราว์เซอร์ของคุณอาจถอดรหัส AVIF ไม่ได้ เอาต์พุต Base64 ยังคงสร้างจากไบต์ของไฟล์และถูกต้องอยู่ ให้เปิดหน้านี้ในเบราว์เซอร์เวอร์ชันปัจจุบันเพื่อดูภาพตัวอย่าง
Base64 ของ AVIF สั้นกว่า Base64 ของ WebP หรือไม่
โดยทั่วไปใช่ ที่คุณภาพของภาพใกล้เคียงกัน Base64 เพิ่มขนาด 33% เท่ากันทั้งสองรูปแบบ ไฟล์ต้นทางที่เล็กกว่าจึงให้สตริงที่สั้นกว่าเสมอ