แปลง JPG เป็น AVIF
ลดขนาดไฟล์รูป JPG บนเว็บไซต์ของคุณด้วยการเข้ารหัสใหม่เป็น AVIF ซึ่งเป็นฟอร์แมตที่ใช้ AV1 และเบราว์เซอร์หลักรุ่นปัจจุบันทุกตัวแสดงผลได้ เพียงอัปโหลด ตรวจคุณภาพ แล้วดาวน์โหลดไฟล์ที่พร้อมใช้บนหน้าเว็บได้ทันที
แปลงไฟล์รูปภาพ
หรือลากไฟล์ JPG, JPEG, JPE … มาวางที่นี่ ·
สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที
ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที
ค่า 85 ทำให้ภาพถ่ายดูเหมือนต้นฉบับทุกประการ ควรลดค่านี้เฉพาะเมื่อต้องการไฟล์ที่เล็กลง
JPG, BMP และ EPS ไม่รองรับความโปร่งใส พิกเซลโปร่งใสจะถูกเติมด้วยสีนี้
รหัสสีแบบ Hex ที่ใช้แทนพิกเซลโปร่งใส เช่น #FFFFFF
รูปแบบนี้เก็บภาพได้เพียงภาพเดียว หากต้องการคงภาพเคลื่อนไหวไว้ ให้เลือกผลลัพธ์เป็น GIF หรือ WebP
ไอคอนหลายขนาดจะรวมความละเอียดหลายระดับไว้ในไฟล์เดียว เบราว์เซอร์และระบบปฏิบัติการจะเลือกขนาดที่ต้องใช้เอง
คงขนาดภาพเดิมไว้ หรือกำหนดด้านใดด้านหนึ่ง โดยระบบจะคงอัตราส่วนภาพไว้
จำนวนพิกเซลของด้านที่เลือกไว้ด้านบน
เปอร์เซ็นต์ของขนาดภาพต้นฉบับ
sRGB เหมาะสำหรับหน้าจอและเว็บไซต์ ควรคงค่าเดิมไว้สำหรับงานพิมพ์ ส่วนระดับสีเทาจะตัดสีออกทั้งหมด
เป็นข้อมูลเมตาเท่านั้น ค่า 0 จะคงค่าเดิมไว้ เครื่องพิมพ์และบางเว็บไซต์จะอ่านค่านี้ แต่จะไม่เปลี่ยนขนาดภาพเป็นพิกเซล
วิธีใช้เครื่องมือนี้
- 1
อัปโหลดไฟล์ JPG
วางไฟล์ JPG หรือ JPEG ได้สูงสุด 20 ไฟล์ ไฟล์ละไม่เกิน 95 MB ควรใช้ไฟล์ที่คุณภาพดีที่สุดที่มี ไม่ใช่ไฟล์ที่ถูกลดขนาดสำหรับส่งอีเมลไปแล้ว
- 2
ตั้งค่าคุณภาพ AVIF
ในหน้านี้ คุณภาพ เริ่มต้นที่ 60 เพิ่มค่าหากมีตัวหนังสือเล็กหรือพื้นผิวละเอียด ลดค่าหากใช้เป็นภาพตัวอย่างขนาดเล็ก สำหรับภาพถ่ายให้ปิด ไม่สูญเสียคุณภาพ ไว้
- 3
แปลงแล้วนำไปเผยแพร่
กด แปลงเป็น AVIF แล้วดาวน์โหลดทีละไฟล์หรือแบบ ZIP จากนั้นอัปโหลดไฟล์ AVIF ไว้คู่กับไฟล์ JPG เพื่อให้เบราว์เซอร์รุ่นเก่ายังใช้ไฟล์สำรองได้
ทำไมควรแปลง JPG เป็น AVIF สำหรับเว็บไซต์
AVIF เก็บภาพนิ่งเป็นเฟรมเดียวที่เข้ารหัสแบบ intra ของ AV1 ซึ่งเป็นตัวแปลงรหัสวิดีโอที่ไม่มีค่าสิทธิ์จาก Alliance for Open Media กลุ่มที่สมาชิกก่อตั้งมี Google, Mozilla, Netflix, Amazon และ Microsoft เครื่องมือพยากรณ์และกรองภาพของ AV1 ออกแบบขึ้นหลังมาตรฐาน JPEG ปี 1992 กว่า 25 ปี ภาพถ่ายจึงมักใช้ไบต์น้อยลงอย่างเห็นได้ชัด และมักชนะ WebP ด้วย แม้ผลต่างจะต่างกันมากในแต่ละภาพ
จำนวนไบต์สำคัญที่สุดเมื่อหน้าเว็บถูกประเมินที่ความเร็ว Largest Contentful Paint ใน Core Web Vitals ของ Google มักเป็นภาพฮีโร่ การลดขนาดไฟล์เดียวนั้นจึงเปลี่ยนค่าตัวชี้วัดได้ แค็ตตาล็อกสินค้าและบล็อกภาพถ่ายที่มี JPG หลายสิบภาพต่อหน้าได้ประโยชน์มากที่สุด
AVIF รองรับสี 10 และ 12 บิต HDR และช่องอัลฟาได้ด้วย แต่ต้นฉบับ JPG ไม่มีสิ่งเหล่านี้ การแปลงนี้จึงได้เพียงการบีบอัดที่ดีขึ้น และไม่คืนรายละเอียดที่ JPG ทิ้งไปแล้ว นี่คือเหตุผลที่ควรใช้ไฟล์ต้นฉบับ ไม่ใช่ไฟล์ที่ส่งทางอีเมล
เบราว์เซอร์แต่ละตัวเริ่มรองรับ AVIF เมื่อใด
2019
AVIF 1.0
Alliance for Open Media เผยแพร่ข้อกำหนด AVIF
ส.ค. 2020
Chrome 85
Chrome บนเดสก์ท็อปและ Android เริ่มถอดรหัส AVIF ได้
ต.ค. 2021
Firefox 93
Firefox เปิดใช้ AVIF เป็นค่าเริ่มต้น
มี.ค. 2023
Safari 16.4
Safari บน macOS และ iOS รองรับ AVIF เต็มรูปแบบ
ม.ค. 2024
Edge 121
Microsoft Edge ซึ่งเป็นเบราว์เซอร์หลักรายสุดท้าย เพิ่มการรองรับ AVIF
เปรียบเทียบการตั้งค่าคุณภาพ AVIF กับคุณภาพ JPG
- ภาพตัวอย่างขนาดเล็ก
ใช้กับภาพตัวอย่างเล็ก ๆ ได้ แต่รายละเอียดจะเบลอเมื่อขยาย
- ค่าเริ่มต้นของหน้า
ภาพถ่ายส่วนใหญ่ดูเหมือน JPG ต้นฉบับที่ระดับซูมปกติ
- รายละเอียดละเอียด
คงตัวหนังสือเล็กและพื้นผิวไว้ได้ แต่ไฟล์จะใหญ่ขึ้นเร็วเมื่อสูงกว่านี้
- เกือบไม่สูญเสียคุณภาพ
มักใหญ่กว่า JPG ต้นฉบับ ซึ่งเสียวัตถุประสงค์ไป
JPG
ภาพ JPEG
JPEG (หรือ JPG) คือรูปแบบภาพถ่ายที่ใช้กันแพร่หลายที่สุด กำหนดเป็นมาตรฐานโดย Joint Photographic Experts Group ในปี 1992 ใช้การบีบอัดแบบสูญเสียข้อมูล (lossy) ที่ตัดรายละเอียดเล็ก ๆ ซึ่งสายตาไม่น่าจะสังเกตเห็นออกไป ภาพถ่ายจึงมีขนาดเล็กพอสำหรับเว็บ อีเมล และพื้นที่เก็บข้อมูลในโทรศัพท์ จัดการการไล่ระดับสีที่นุ่มนวลและภาพธรรมชาติได้ดี แต่ข้อความคมชัด ลายเส้น และสีพื้นเรียบจะเกิดสิ่งแปลกปลอมเป็นบล็อกหรือพร่ามัวที่มองเห็นได้ JPEG ไม่มีพื้นหลังโปร่งใสและไม่มีภาพเคลื่อนไหว และสูญเสียคุณภาพเพิ่มขึ้นเล็กน้อยทุกครั้งที่บันทึกซ้ำ เบราว์เซอร์ โทรศัพท์ กล้อง และโปรแกรมแก้ไขภาพทุกตัวเปิดได้
- การบีบอัด
- แบบสูญเสียข้อมูล
- พื้นหลังโปร่งใส
- ไม่ได้
- ภาพเคลื่อนไหว
- ไม่ได้
- เปิดตัว
- 1992 · Joint Photographic Experts Group
AVIF
AV1 Image File Format
AVIF จัดเก็บภาพนิ่งและลำดับภาพที่บีบอัดด้วยโคเดกวิดีโอ AV1 และ Alliance for Open Media สรุปข้อกำหนดเสร็จในปี 2019 โดยทั่วไปให้ไฟล์เล็กกว่าทั้ง JPEG และ WebP ที่คุณภาพเท่ากันเมื่อมองด้วยตา และรองรับพื้นหลังโปร่งใส ภาพเคลื่อนไหว ขอบเขตสีกว้าง และ HDR การเข้ารหัสช้ากว่ารูปแบบรุ่นเก่า และพื้นผิวที่ละเอียดมากอาจดูเรียบเกินไปเมื่อตั้งคุณภาพต่ำ เบราว์เซอร์หลักทุกตัวแสดง AVIF ได้แล้ว แต่แอปบนเดสก์ท็อป แพลตฟอร์มโซเชียล และอุปกรณ์รุ่นเก่าจำนวนมากยังเปิดไม่ได้
- การบีบอัด
- ได้ทั้งแบบสูญเสียและไม่สูญเสียข้อมูล
- พื้นหลังโปร่งใส
- ได้
- ภาพเคลื่อนไหว
- ได้
- เปิดตัว
- 2019 · Alliance for Open Media
เจ้าของเว็บไซต์แปลง JPG เป็น AVIF เมื่อต้องการให้ผู้เยี่ยมชมที่ใช้เบราว์เซอร์รุ่นปัจจุบันดาวน์โหลดภาพเดิมด้วยจำนวนไบต์ที่น้อยลง ส่วนการแปลงกลับเป็น JPG เป็นการแก้ปัญหาความเข้ากันได้สำหรับไฟล์ที่บันทึกมาจากเว็บไซต์เช่นนั้น
เมื่อใดควรใช้ JPG ต่อแทน AVIF
| ควรทำ | ไม่ควรทำ |
|---|---|
ใช้ AVIF บนหน้าเว็บที่คุณดูแลเอง โดยมี JPG เป็นตัวสำรองใน <picture> | แนบ AVIF ในอีเมลหรือส่งให้ร้านพิมพ์ |
| เริ่มที่ คุณภาพ 60 แล้วเปรียบเทียบที่ซูม 100% | อัปโหลด AVIF ไปยังแบบฟอร์มที่ระบุรับเฉพาะ JPG และ PNG |
| เก็บ JPG ต้นฉบับไว้เป็นไฟล์หลัก | ติ๊ก ไม่สูญเสียคุณภาพ กับต้นฉบับ JPG เพราะไฟล์มักใหญ่ขึ้น |
| อ่านคู่มือ AVIF, HEIC และ WebPของเราก่อนเปลี่ยนทั้งเว็บไซต์ | คาดหวังว่าโปรแกรมดูรูปบนเดสก์ท็อปรุ่นเก่าจะเปิดได้ |
คำถามเกี่ยวกับการแปลง JPG เป็น AVIF
ไฟล์ AVIF เล็กกว่าไฟล์ JPG ต้นฉบับมากแค่ไหน
ขึ้นอยู่กับภาพและระดับคุณภาพที่เลือก จึงควรทดสอบกับไฟล์ของคุณเอง ที่ คุณภาพ 60 ภาพถ่ายจากกล้องทั่วไปมักเล็กลงเหลือไม่ถึงครึ่งของ JPG คุณภาพ 85 และภาพกราฟิกเรียบ ๆ จะเล็กลงอีก ควรตรวจผลลัพธ์สักสองสามภาพก่อนแทนที่ไลบรารีทั้งชุด
รูป JPG บนเว็บไซต์ควรแปลงเป็น AVIF หรือ WebP
AVIF มักประหยัดไบต์ได้มากกว่า ส่วน WebP เข้ารหัสได้เร็วกว่าและเครื่องมือหรือปลั๊กอินรุ่นเก่ารองรับมากกว่า หลายเว็บไซต์ให้ AVIF ก่อน โดยมี WebP หรือ JPG เป็นตัวสำรอง หากต้องการเพิ่มเพียงฟอร์แมตเดียว JPG เป็น WebP เป็นตัวเลือกเดียวที่ปลอดภัยกว่า
แปลง JPG เป็น AVIF แล้วคุณภาพจะลดลงอีกหรือไม่
การเข้ารหัสแบบสูญเสียคุณภาพทุกครั้งจะเพิ่มความเสียหายเล็กน้อยบนของเดิมของ JPG ที่ 60 ขึ้นไปแทบมองไม่เห็นที่ขนาดปกติ AVIF เสียคุณภาพด้วยการทำให้ภาพเนียนเกินไป ไม่ใช่เป็นบล็อกแบบ JPG ดังนั้นให้ดูท้องฟ้าว่ามีแถบสีไล่ระดับหรือไม่ และดูหญ้าหรือเส้นผมว่าเบลอเลอะหรือไม่
ข้อมูล EXIF และโปรไฟล์สียังอยู่ครบหรือไม่
ลบข้อมูลเมตา เปิดไว้เป็นค่าเริ่มต้น และจะลบตำแหน่ง GPS กับรายละเอียดกล้อง ซึ่งเหมาะกับภาพที่เผยแพร่สาธารณะ ส่วนโปรไฟล์ ICC จัดการแยกโดย คงโปรไฟล์สี ภาพถ่ายจากโทรศัพท์ที่ใช้ช่วงสีกว้างจึงยังคงสีไว้ได้
จะใส่ AVIF ในหน้าเว็บโดยมี JPG สำรองไว้ได้อย่างไร
ครอบภาพด้วยองค์ประกอบ <picture> โดยใส่ <source> ที่มี type="image/avif" ชี้ไปยังไฟล์ AVIF แล้วตามด้วย <img> ที่ชี้ไปยังไฟล์ JPG เบราว์เซอร์ที่ถอดรหัส AVIF ไม่ได้จะข้าม source และโหลด JPG แทน
ทำไมการแปลงเป็น AVIF จึงใช้เวลานานกว่า JPG
ตัวเข้ารหัส AV1 ลองใช้โหมดการพยากรณ์หลายแบบกับแต่ละบล็อกเพื่อประหยัดไบต์ ซึ่งใช้เวลาประมวลผล ภาพถ่ายขนาดใหญ่จึงอาจใช้เวลาไม่กี่วินาที การประมวลผลทำงานบนเซิร์ฟเวอร์ ไม่ใช่บนอุปกรณ์ของคุณ