UltKit
รูปภาพ11
แปลงไฟล์รูปภาพลดขนาดรูปปรับขนาดรูปครอปรูปแปลงรูปเป็น PDFทำรูปติดบัตรและรูปพาสปอร์ตแปลงรูปเป็น SVGเครื่องมือทั้งหมดในหมวด รูปภาพ →
PDF13
บีบอัด PDFแปลงไฟล์ PDFแปลง PDF เป็นรูปภาพรวมไฟล์ PDFแยกไฟล์ PDFปลดล็อก PDFใส่รหัสผ่าน PDFเครื่องมือทั้งหมดในหมวด PDF →
เอกสารและข้อมูล7
แปลงไฟล์เป็น PDFแปลงไฟล์เอกสารแปลงรูปเป็นข้อความ (OCR)แปลงรูปเป็น Excelแปลงไฟล์ข้อมูลแปลงไฟล์อีบุ๊กเครื่องมือทั้งหมดในหมวด เอกสารและข้อมูล →
วิดีโอ6
แปลงไฟล์วิดีโอบีบอัดวิดีโอแปลง MP4 เป็น MP3แปลงวิดีโอเป็น GIFตัดวิดีโอแปลงเสียงเป็นวิดีโอเครื่องมือทั้งหมดในหมวด วิดีโอ →
เสียง4
แปลงไฟล์เสียงบีบอัดไฟล์เสียงตัดเพลง MP3แปลงเสียงเป็นข้อความเครื่องมือทั้งหมดในหมวด เสียง →
เครื่องมืออื่น ๆ22
สร้าง QR Codeสร้างไฟล์ ZIPแตกไฟล์ ZIPแปลงเขตเวลาแปลงหน่วยสร้างรหัสผ่านนับคำเลือกสีเครื่องมืออื่น ๆ ทั้งหมด →
บล็อกวิธีการทำงาน

แปลง GIF เป็น AVIF

AVIF แบบเคลื่อนไหวเล่นในแท็กรูปภาพได้เหมือน GIF แต่บีบอัดด้วยโคเดกวิดีโอ AV1 ภาพวนซ้ำชุดเดียวกันจึงใช้ขนาดไฟล์บนหน้าเว็บเพียงเศษเสี้ยวเดียว

ตัวแปลงวิดีโอ

หรือลากไฟล์ MP4, MOV, MKV … มาวางที่นี่ ·

สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที

ผลลัพธ์

ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที

วิธีใช้เครื่องมือนี้

  1. 1

    เพิ่มไฟล์ GIF

    อัปโหลดไฟล์ GIF แบบเคลื่อนไหวได้สูงสุด 20 ไฟล์ ไฟล์ละไม่เกิน 95 MB นอกจากนี้ยังนำคลิป MP4 หรือ WebX แบบสั้นมาแปลงเป็น AVIF แบบเคลื่อนไหวได้โดยตรง

  2. 2

    กำหนดความกว้าง

    ไฟล์ที่ได้จะเริ่มต้นที่ ความกว้าง 480 px หากต้องการให้คงขนาดเดิม ให้ใส่ความกว้างของ GIF ต้นฉบับใน การตั้งค่าขั้นสูง ส่วน การวนซ้ำ จะตั้งเป็นวนซ้ำไม่สิ้นสุดไว้ตามค่าเริ่มต้น

  3. 3

    แปลงเป็น AVIF

    กด แปลงเป็น AVIF แล้วดาวน์โหลดไฟล์ .avif ที่พร้อมนำไปใส่ในองค์ประกอบ picture บนเว็บไซต์ของคุณ

เหตุผลที่ควรแปลง GIF เป็น AVIF สำหรับเว็บไซต์

GIF เก็บแต่ละเฟรมเป็นภาพ 256 สีแยกกัน เดโมสินค้าหรือการอัดหน้าจอยาวไม่กี่วินาทีอาจมีขนาดหลาย MB และบนหน้า Landing Page ภาพเดียวนี้มักหนักกว่าโค้ดทั้งหมด การตรวจสอบ Lighthouse ของ Google มีหัวข้อเฉพาะคือ "Use video formats for animated content" ซึ่งมุ่งเป้าไปที่ไฟล์ลักษณะนี้

AVIF ถูกกำหนดมาตรฐานสุดท้ายโดย Alliance for Open Media ในปี 2019 เป็นฟอร์แมตภาพนิ่งที่สร้างบนโคเดกวิดีโอ AV1 ภายในคอนเทนเนอร์ HEIF AVIF แบบเคลื่อนไหวคือลำดับภาพ AV1 โดยเฟรมถัดไปถูกคาดการณ์จากเฟรมก่อนหน้าเหมือนไฟล์วิดีโอ จึงต้องใช้บิตเฉพาะส่วนที่เปลี่ยนไประหว่างเฟรม

GIF กับ AVIF แบบเคลื่อนไหว: ฟอร์แมตนี้เพิ่มอะไรให้บ้าง

from ↓ · to →มากกว่า 256 สีต่อเฟรมขอบโปร่งใสนุ่มนวลเฟรมที่คาดการณ์จากการเคลื่อนไหว10-bit colorเปิดได้ในโปรแกรมดูภาพทุกตัว
GIF– GIF to มากกว่า 256 สีต่อเฟรม: no– GIF to ขอบโปร่งใสนุ่มนวล: no– GIF to เฟรมที่คาดการณ์จากการเคลื่อนไหว: no– GIF to 10-bit color: noGIF to เปิดได้ในโปรแกรมดูภาพทุกตัว: yes
AVIF แบบเคลื่อนไหวAVIF แบบเคลื่อนไหว to มากกว่า 256 สีต่อเฟรม: yesAVIF แบบเคลื่อนไหว to ขอบโปร่งใสนุ่มนวล: yesAVIF แบบเคลื่อนไหว to เฟรมที่คาดการณ์จากการเคลื่อนไหว: yesAVIF แบบเคลื่อนไหว to 10-bit color: yes– AVIF แบบเคลื่อนไหว to เปิดได้ในโปรแกรมดูภาพทุกตัว: no
supported not offeredความสามารถของฟอร์แมตตามข้อกำหนด การรองรับ AVIF แบบเคลื่อนไหวในโปรแกรมดูภาพบนเดสก์ท็อปและแอปแชทยังไม่เท่ากัน

GIF

Graphics Interchange Format

GIF เปิดตัวโดย CompuServe ในปี 1987 และยังคงเป็นรูปแบบที่รองรับกว้างที่สุดสำหรับภาพเคลื่อนไหวสั้น ๆ ที่เล่นวนซ้ำ เป็นแบบ lossless แต่จำกัดจานสีไว้ที่ 256 สีต่อเฟรม ภาพถ่ายและการไล่ระดับสีจึงเกิดแถบสีและจุดดิเทอร์ รองรับพื้นหลังโปร่งใสแบบเปิด/ปิด (1 บิต) เท่านั้น ทำให้ขอบของรูปทรงโค้งดูหยัก ภาพ GIF เคลื่อนไหวมักใหญ่กว่าคลิปเดียวกันในรูปแบบ MP4 หรือ WebP มาก เบราว์เซอร์ แอปแชต และแพลตฟอร์มโซเชียลทุกแห่งเล่น GIF ได้

การบีบอัด
แบบไม่สูญเสียข้อมูล
พื้นหลังโปร่งใส
ได้
ภาพเคลื่อนไหว
ได้
เปิดตัว
1987 · CompuServe
ตัวแปลงไฟล์ GIF

AVIF

AV1 Image File Format

AVIF จัดเก็บภาพนิ่งและลำดับภาพที่บีบอัดด้วยโคเดกวิดีโอ AV1 และ Alliance for Open Media สรุปข้อกำหนดเสร็จในปี 2019 โดยทั่วไปให้ไฟล์เล็กกว่าทั้ง JPEG และ WebP ที่คุณภาพเท่ากันเมื่อมองด้วยตา และรองรับพื้นหลังโปร่งใส ภาพเคลื่อนไหว ขอบเขตสีกว้าง และ HDR การเข้ารหัสช้ากว่ารูปแบบรุ่นเก่า และพื้นผิวที่ละเอียดมากอาจดูเรียบเกินไปเมื่อตั้งคุณภาพต่ำ เบราว์เซอร์หลักทุกตัวแสดง AVIF ได้แล้ว แต่แอปบนเดสก์ท็อป แพลตฟอร์มโซเชียล และอุปกรณ์รุ่นเก่าจำนวนมากยังเปิดไม่ได้

การบีบอัด
ได้ทั้งแบบสูญเสียและไม่สูญเสียข้อมูล
พื้นหลังโปร่งใส
ได้
ภาพเคลื่อนไหว
ได้
เปิดตัว
2019 · Alliance for Open Media
ตัวแปลงไฟล์ AVIF

แปลง GIF เป็น AVIF เมื่อเจ้าของเว็บไซต์ต้องการลดขนาดหน้าเว็บ ทั้งภาพวนบนส่วนหัว เดโมสินค้า และการสาธิต UI ยังเล่นอัตโนมัติผ่านแท็ก img ได้เหมือนเดิม แต่ขนาดไฟล์ลดลงมาก และไม่มีแถบสีเพราะข้อจำกัด 256 สีอีกต่อไป

เมื่อใดที่ AVIF แบบเคลื่อนไหวเหมาะจะใช้แทน GIF

AVIF เหมาะกับ

  • ภาพวนบนส่วนหัวและส่วนแนะนำฟีเจอร์ของเว็บไซต์คุณเอง
  • เดโม UI สินค้าที่มีการไล่สีและเงา
  • หน้าเว็บที่ถูกประเมินด้วยเวลาโหลดและ Core Web Vitals
  • แอนิเมชันที่ต้องการขอบโปร่งใสแบบนุ่มนวล

ควรใช้ GIF ต่อไปสำหรับ

  • จดหมายข่าวทางอีเมลและลายเซ็นอีเมล
  • เว็บบอร์ดและแอปแชทที่แสดงตัวอย่างได้เฉพาะ GIF
  • การอัปโหลดไปยัง CMS รุ่นเก่า
  • ผู้รับที่จะแก้ไขเฟรมในภายหลัง

การแสดง AVIF แบบเคลื่อนไหวพร้อมไฟล์สำรอง

Chrome, Edge, Firefox และ Safari รุ่นปัจจุบันเล่น AVIF แบบเคลื่อนไหวได้ทั้งหมด โดย Firefox เป็นรายสุดท้ายที่เพิ่มการรองรับแอนิเมชันในเวอร์ชัน 113 การเผยแพร่ผ่านองค์ประกอบ picture โดยใช้ GIF เป็นตัวสำรองไม่มีค่าใช้จ่ายและช่วยรองรับเบราว์เซอร์รุ่นเก่า การเข้ารหัส AVIF ช้ากว่าการเขียน GIF จึงควรคาดว่าคลิปยาวจะแปลงนานกว่า WebP อย่างเห็นได้ชัด

หากต้องการส่งภาพวนไปยังแอปแชทแทนเว็บไซต์ของคุณเอง ไฟล์วิดีโอปลอดภัยกว่า แปลง GIF เป็น MP4 เล่นได้ทุกที่ ส่วน คู่มือ AVIF, HEIC และ WebP เปรียบเทียบฟอร์แมตรูปภาพสมัยใหม่ทั้งสามแบบโดยละเอียด

คำถามเกี่ยวกับการแปลง GIF เป็น AVIF

AVIF แบบเคลื่อนไหวเล่นวนซ้ำเหมือน GIF หรือไม่

ได้ ตัวเลือก การวนซ้ำ ตั้งเป็นวนซ้ำไม่สิ้นสุด และเบราว์เซอร์จะเล่นลำดับภาพ AVIF ซ้ำเหมือน GIF ในแท็ก img โดยไม่มีปุ่มควบคุมและไม่มีเสียง หากเป็นแอนิเมชันเปิดเรื่องที่ควรหยุดที่เฟรมสุดท้าย ให้เลือกเล่นครั้งเดียว

ทำไมไฟล์ AVIF จึงแสดงเพียงเฟรมแรก

โปรแกรมดูภาพนั้นรองรับ AVIF แบบภาพนิ่ง แต่ไม่รองรับลำดับภาพ AVIF โปรแกรมดูภาพรุ่นเก่าและ Firefox ก่อนเวอร์ชัน 113 ซึ่งออกในปี 2023 จะเป็นเช่นนี้ ให้เปิดไฟล์ด้วย Chrome, Edge, Firefox หรือ Safari รุ่นปัจจุบันเพื่อตรวจสอบแอนิเมชัน

AVIF ยังคงพื้นหลังโปร่งใสของ GIF ไว้หรือไม่

ฟอร์แมต AVIF รองรับช่องอัลฟ่าเต็มรูปแบบ จึงเก็บความโปร่งใสได้ดีกว่าพิกเซลแบบเปิด/ปิดของ GIF มาก ควรตรวจผลลัพธ์บนพื้นหลังสีหรือลายตารางก่อนเผยแพร่ เพราะสีพื้นที่ถูกใส่ไว้ใน GIF ต้นฉบับจะยังมองเห็นอยู่

อัปโหลด AVIF แบบเคลื่อนไหวขึ้น WordPress ได้หรือไม่

WordPress 6.5 ซึ่งออกในปี 2024 เพิ่ม AVIF ในคลังสื่อ โดยเซิร์ฟเวอร์ต้องมีไลบรารีรูปภาพที่รองรับ เวอร์ชันเก่ากว่าจะปฏิเสธการอัปโหลด หากเป็นเช่นนั้นให้ใช้ GIF ต่อไป หรือใช้ แปลง GIF เป็น WebP ซึ่ง WordPress รองรับตั้งแต่เวอร์ชัน 5.8

จะแสดง AVIF โดยมี GIF เป็นตัวสำรองได้อย่างไร

ใส่ทั้งสองไฟล์ในองค์ประกอบ picture โดยใช้แท็ก source ที่มี type เป็น image/avif ชี้ไปที่ไฟล์ AVIF แล้วตามด้วยแท็ก img ที่ชี้ไปที่ GIF เบราว์เซอร์ที่ถอดรหัส AVIF ได้จะใช้ไฟล์ขนาดเล็ก ส่วนเบราว์เซอร์อื่นจะใช้ GIF แทนโดยไม่มีรูปเสีย