แปลง AVIF เป็น WebP
AVIF เป็นรูปแบบเว็บที่ใหม่กว่าและมักเล็กกว่า แต่ WebP ยังเข้าถึงอุปกรณ์และระบบจัดการเนื้อหาได้มากกว่า แปลงไฟล์ AVIF ให้เป็น WebP เมื่อเว็บไซต์ต้องใช้งานได้บน iPhone และ Mac รุ่นเก่า หรือเมื่อ CMS ปฏิเสธการอัปโหลด โดยยังได้การบีบอัดสมัยใหม่และความโปร่งใสครบ
แปลงไฟล์รูปภาพ
หรือลากไฟล์ JPG, JPEG, JPE … มาวางที่นี่ ·
สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที
ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที
ค่า 85 ทำให้ภาพถ่ายดูเหมือนต้นฉบับทุกประการ ควรลดค่านี้เฉพาะเมื่อต้องการไฟล์ที่เล็กลง
JPG, BMP และ EPS ไม่รองรับความโปร่งใส พิกเซลโปร่งใสจะถูกเติมด้วยสีนี้
รหัสสีแบบ Hex ที่ใช้แทนพิกเซลโปร่งใส เช่น #FFFFFF
รูปแบบนี้เก็บภาพได้เพียงภาพเดียว หากต้องการคงภาพเคลื่อนไหวไว้ ให้เลือกผลลัพธ์เป็น GIF หรือ WebP
ไอคอนหลายขนาดจะรวมความละเอียดหลายระดับไว้ในไฟล์เดียว เบราว์เซอร์และระบบปฏิบัติการจะเลือกขนาดที่ต้องใช้เอง
คงขนาดภาพเดิมไว้ หรือกำหนดด้านใดด้านหนึ่ง โดยระบบจะคงอัตราส่วนภาพไว้
จำนวนพิกเซลของด้านที่เลือกไว้ด้านบน
เปอร์เซ็นต์ของขนาดภาพต้นฉบับ
sRGB เหมาะสำหรับหน้าจอและเว็บไซต์ ควรคงค่าเดิมไว้สำหรับงานพิมพ์ ส่วนระดับสีเทาจะตัดสีออกทั้งหมด
เป็นข้อมูลเมตาเท่านั้น ค่า 0 จะคงค่าเดิมไว้ เครื่องพิมพ์และบางเว็บไซต์จะอ่านค่านี้ แต่จะไม่เปลี่ยนขนาดภาพเป็นพิกเซล
วิธีใช้เครื่องมือนี้
- 1
เพิ่มภาพ AVIF
อัปโหลดไฟล์ .avif ได้สูงสุด 20 ไฟล์ ไฟล์ละ 95 MB ไม่ว่าจะมาจากการส่งออกงานออกแบบ การดาวน์โหลดจาก CDN สำหรับภาพ หรือไฟล์สำรองของเว็บไซต์
- 2
เลือกแบบสูญเสียหรือไม่สูญเสียคุณภาพ
คุณภาพ เริ่มที่ 85 ซึ่งเหมาะกับภาพถ่ายที่เป็น AVIF แบบสูญเสียคุณภาพอยู่แล้ว ติ๊ก ไม่สูญเสียคุณภาพ ใน การตั้งค่าขั้นสูง เฉพาะสำหรับกราฟิกสีเรียบ หรือไฟล์ AVIF ที่บันทึกแบบไม่สูญเสียคุณภาพ
- 3
กดแปลงเป็น WebP
ดาวน์โหลด WebP ทีละไฟล์หรือเป็น ZIP ไฟล์เดียว ส่วนที่โปร่งใสยังคงโปร่งใส และไฟล์จะถูกลบหลัง 30 นาที
คำตอบสั้น ๆ: แปลง AVIF เป็น WebP ที่คุณภาพ 85 เมื่อเบราว์เซอร์ ปลั๊กอิน หรือโฮสต์ไม่รองรับ AVIF คุณเสียประสิทธิภาพด้านขนาดไฟล์ไปเล็กน้อย คงความโปร่งใสไว้ และได้ไฟล์ที่โหลดได้บนอุปกรณ์เกือบทุกเครื่องที่ใช้งานอยู่
ทำไมยังต้องแปลง AVIF เป็น WebP ในปี 2026
AVIF เผยแพร่โดย Alliance for Open Media ในปี 2019 และใช้โคเดกวิดีโอ AV1 กับภาพนิ่ง โดยทั่วไปให้ไฟล์เล็กกว่า WebP ที่คุณภาพเท่ากันเมื่อมองด้วยตา โดยเฉพาะภาพถ่ายที่มีการไล่สีนุ่มนวล แต่การรองรับมาเป็นระยะ ได้แก่ Chrome 85 ในปี 2020, Firefox 93 ในปี 2021, Safari ตั้งแต่เวอร์ชัน 16 ในปี 2022 โดยยังมีช่องโหว่จนถึง 16.4 และ Edge ช้าถึงเวอร์ชัน 121 ในเดือนมกราคม 2024
WebP ซึ่ง Google เปิดตัวในปี 2010 แสดงผลได้ในเบราว์เซอร์หลักทุกตัวตั้งแต่ Safari 14 ในปี 2020 โทรศัพท์ที่ค้างอยู่ที่ iOS 15 เช่น iPhone 7 และ 6s แสดง WebP ได้แต่แสดง AVIF ไม่ได้ ถ้า AVIF ใช้งานไม่ได้ในจุดที่คุณอัปเกรดไม่ได้ WebP คือขั้นที่ใกล้ที่สุดลงมา อ่านข้อดีข้อเสียเพิ่มเติมได้ใน อธิบาย AVIF, HEIC และ WebP
การรองรับ AVIF เทียบกับ WebP ในเบราว์เซอร์และ WordPress
| from ↓ · to → | AVIF | WebP |
|---|---|---|
| Chrome 85 ขึ้นไป | Chrome 85 ขึ้นไป to AVIF: yes | Chrome 85 ขึ้นไป to WebP: yes |
| Firefox 93 ขึ้นไป | Firefox 93 ขึ้นไป to AVIF: yes | Firefox 93 ขึ้นไป to WebP: yes |
| Safari 16.4 ขึ้นไป | Safari 16.4 ขึ้นไป to AVIF: yes | Safari 16.4 ขึ้นไป to WebP: yes |
| Safari 14–16.3 | – Safari 14–16.3 to AVIF: no | Safari 14–16.3 to WebP: yes |
| Edge 121 ขึ้นไป | Edge 121 ขึ้นไป to AVIF: yes | Edge 121 ขึ้นไป to WebP: yes |
| Edge 18–120 | – Edge 18–120 to AVIF: no | Edge 18–120 to WebP: yes |
| WordPress 5.8–6.4 | – WordPress 5.8–6.4 to AVIF: no | WordPress 5.8–6.4 to WebP: yes |
| WordPress 6.5 ขึ้นไป | WordPress 6.5 ขึ้นไป to AVIF: yes | WordPress 6.5 ขึ้นไป to WebP: yes |
AVIF
AV1 Image File Format
AVIF จัดเก็บภาพนิ่งและลำดับภาพที่บีบอัดด้วยโคเดกวิดีโอ AV1 และ Alliance for Open Media สรุปข้อกำหนดเสร็จในปี 2019 โดยทั่วไปให้ไฟล์เล็กกว่าทั้ง JPEG และ WebP ที่คุณภาพเท่ากันเมื่อมองด้วยตา และรองรับพื้นหลังโปร่งใส ภาพเคลื่อนไหว ขอบเขตสีกว้าง และ HDR การเข้ารหัสช้ากว่ารูปแบบรุ่นเก่า และพื้นผิวที่ละเอียดมากอาจดูเรียบเกินไปเมื่อตั้งคุณภาพต่ำ เบราว์เซอร์หลักทุกตัวแสดง AVIF ได้แล้ว แต่แอปบนเดสก์ท็อป แพลตฟอร์มโซเชียล และอุปกรณ์รุ่นเก่าจำนวนมากยังเปิดไม่ได้
- การบีบอัด
- ได้ทั้งแบบสูญเสียและไม่สูญเสียข้อมูล
- พื้นหลังโปร่งใส
- ได้
- ภาพเคลื่อนไหว
- ได้
- เปิดตัว
- 2019 · Alliance for Open Media
WEBP
ภาพ WebP
WebP เป็นรูปแบบภาพที่ Google เปิดตัวในปี 2010 เพื่อให้หน้าเว็บโหลดได้เร็วขึ้น รองรับทั้งการบีบอัดแบบสูญเสียข้อมูล (lossy) และแบบไม่สูญเสียข้อมูล (lossless) พื้นหลังโปร่งใสแบบ alpha และภาพเคลื่อนไหวในรูปแบบเดียว ไฟล์ WebP แบบ lossy มักเล็กกว่า JPEG ที่มีคุณภาพใกล้เคียงกัน 25–35% และ WebP แบบ lossless มักเล็กกว่า PNG เบราว์เซอร์ปัจจุบันทุกตัวรองรับ แต่ซอฟต์แวร์เดสก์ท็อปรุ่นเก่าบางตัว บริการพิมพ์ภาพ และแบบฟอร์มอัปโหลดบางแห่งยังไม่รับไฟล์นี้ Windows, macOS และโปรแกรมแต่งภาพสมัยใหม่ส่วนใหญ่เปิดไฟล์ WebP ได้
- การบีบอัด
- ได้ทั้งแบบสูญเสียและไม่สูญเสียข้อมูล
- พื้นหลังโปร่งใส
- ได้
- ภาพเคลื่อนไหว
- ได้
- เปิดตัว
- 2010 · Google
ผู้ใช้แปลง AVIF เป็น WebP เพื่อคงการบีบอัดสมัยใหม่และความโปร่งใสไว้ พร้อมเข้าถึงเบราว์เซอร์ โทรศัพท์ และโฮสต์ CMS ที่ยังรองรับ AVIF ไม่ได้ ส่วนการแปลง WebP เป็น AVIF คือทิศทางตรงข้าม เพื่อลดขนาดไฟล์ลงอีกเมื่อผู้เข้าชมทุกคนถอดรหัสได้แล้ว
อะไรเปลี่ยนไปเมื่อเปลี่ยน AVIF เป็น WebP
สิ่งที่ได้จาก WebP
- แสดงผลได้บน Safari และ Edge รุ่นเก่า รวมถึงอุปกรณ์ iOS 15
- WordPress รับได้ตั้งแต่ 5.8 บนแทบทุกโฮสต์
- คงช่องอัลฟาไว้
- เข้ารหัสและถอดรหัสได้เร็วกว่าบนโทรศัพท์สเปกต่ำ
สิ่งที่ต้องยอมเสีย
- ไฟล์มักใหญ่กว่า AVIF อยู่บ้าง
- รองรับเฉพาะ 8 บิต AVIF แบบ HDR และ 10 บิตจึงถูกลดทอน
- ไฟล์ต้นทางแบบสูญเสียคุณภาพต้องผ่านการเข้ารหัสแบบสูญเสียคุณภาพรอบที่สอง
แปลง AVIF เป็น WebP: การตั้งค่าคุณภาพและแบบไม่สูญเสียคุณภาพ
เลือกการตั้งค่าให้ตรงกับวิธีที่สร้าง AVIF นั้น ไฟล์ AVIF บนเว็บส่วนใหญ่เป็นภาพถ่ายแบบสูญเสียคุณภาพ WebP แบบสูญเสียคุณภาพที่ 85 จึงรักษาภาพให้ดูเหมือนเดิมและยังเบา กราฟิกที่มีสีเรียบ ข้อความ หรือขอบคม คือจุดที่ ไม่สูญเสียคุณภาพ ทำได้ดีที่สุด เพราะโหมดไม่สูญเสียคุณภาพของ WebP ออกแบบมาสำหรับภาพลักษณะนี้โดยเฉพาะ
ไฟล์ AVIF แบบ HDR และ 10 บิตจะถูกปรับโทนลงเป็น 8 บิต เนื่องจาก WebP ไม่มีความลึกบิตที่สูงกว่านั้น ตั้ง ปริภูมิสี ไว้ที่ sRGB สำหรับการแสดงผลบนเว็บ หากกำลังสร้างชุดไฟล์สำรองสำหรับองค์ประกอบ <picture> ให้เก็บ AVIF ต้นฉบับไว้คู่กับ WebP และเมื่อหน้าเว็บไม่ต้องการทั้งสองรูปแบบ แปลง AVIF เป็น PNG จะคงทุกอย่างไว้โดยไม่สูญเสียคุณภาพ
คำถามเรื่องแปลง AVIF เป็น WebP
ทำไมต้องแปลง AVIF เป็น WebP ในเมื่อ AVIF เล็กกว่า?
เพราะไฟล์ที่เล็กกว่าไม่มีประโยชน์ถ้าแสดงผลไม่ได้ Safari ก่อนเวอร์ชัน 16.4, iPhone ที่อัปเดตเกิน iOS 15 ไม่ได้, Edge ก่อนเวอร์ชัน 121 และโฮสต์ WordPress จำนวนมาก ข้าม AVIF ไปหรือรองรับเพียงบางส่วน WebP ใช้ได้กับทั้งหมดนี้ และยังเบากว่า JPG หรือ PNG มาก
แปลง AVIF เป็น WebP แล้วคุณภาพลดลงหรือไม่?
AVIF แบบสูญเสียคุณภาพที่เข้ารหัสใหม่เป็น WebP แบบสูญเสียคุณภาพจะผ่านการบีบอัดรอบที่สอง รายละเอียดจึงหายไปเล็กน้อย ที่คุณภาพ 85 ความต่างบนภาพถ่ายแทบมองไม่เห็น การแปลง AVIF แบบสูญเสียคุณภาพเป็น WebP แบบไม่สูญเสียคุณภาพไม่ได้นำรายละเอียดกลับคืนมา มีแต่ทำให้ไฟล์ใหญ่ขึ้นมาก
ควรติ๊ก “ไม่สูญเสียคุณภาพ” เมื่อแปลง AVIF เป็น WebP ตอนไหน?
เมื่อ AVIF ต้นทางเป็นแบบไม่สูญเสียคุณภาพ หรือเป็นกราฟิกสีเรียบ เช่น โลโก้ แผนภูมิ หรือภาพหน้าจอ UI WebP แบบไม่สูญเสียคุณภาพเก็บภาพเหล่านี้ได้ตรงตามเดิมและกะทัดรัด สำหรับภาพถ่าย ค่าที่เหมาะคือ WebP แบบสูญเสียคุณภาพที่ 80 ถึง 90
AVIF ที่มีพื้นโปร่งใสจะยังโปร่งใสเมื่อเป็น WebP หรือไม่?
ยังโปร่งใส ทั้งสองรูปแบบมีช่องอัลฟาเต็มรูปแบบ ภาพสินค้าไดคัทและโลโก้จึงคงพื้นหลังโปร่งใสไว้โดยไม่ต้องเติมสี
ทำไม WordPress ปฏิเสธการอัปโหลดไฟล์ AVIF?
WordPress เพิ่มการรองรับ AVIF ในเวอร์ชัน 6.5 เมื่อปี 2024 แต่ใช้ได้เฉพาะเมื่อไลบรารีภาพของเซิร์ฟเวอร์ประมวลผลได้ บน WordPress รุ่นเก่า หรือโฮสต์ที่ GD หรือ Imagick ไม่ได้คอมไพล์ให้รองรับ AVIF การอัปโหลดจะล้มเหลว ส่วน WebP รับได้ตั้งแต่เวอร์ชัน 5.8 และเกือบทุกโฮสต์รองรับ
ควรใช้ AVIF และ WebP คู่กันบนเว็บไซต์หรือไม่?
ถ้าคุณควบคุม HTML ได้ ควรใช้ ระบุ AVIF ก่อนแล้วตามด้วย WebP ภายในองค์ประกอบ <picture> แต่ละเบราว์เซอร์จะเลือกรูปแบบแรกที่รองรับ การแปลงจะให้ WebP สำรองนั้นแก่คุณ สำหรับแอปที่ไม่ต้องการทั้งสองรูปแบบ ให้ใช้ แปลง AVIF เป็น JPG