ข้ามไปยังเนื้อหา
Vizua

วิธีสร้าง GIF จากรูปภาพ: คู่มือปฏิบัติครบจบ

อัปเดต:

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

ขั้นตอนที่ 1: เตรียมรูปภาพ

GIF คือลำดับเฟรมที่เล่นตามลำดับ คุณภาพของผลลัพธ์ขึ้นอยู่กับเฟรมที่เริ่มต้น สิ่งที่ต้องทำให้ถูกต้อง:

  • ใช้ขนาดที่สม่ำเสมอ เตรียมทุกเฟรมบนผืนผ้าใบเดียวกันเพื่อให้การจัดแนวและการครอบเป็นไปตามตั้งใจ ก่อนเริ่ม ใช้เครื่องมือ ปรับขนาดรูป ของ Vizua สร้างสำเนาที่เหมาะสม แล้วตรวจผลการ resample
  • เลือกจำนวนเฟรมที่เหมาะสม ลำดับสองวินาทีที่สุ่มตัวอย่างที่ 15 fps มี 30 เฟรม สไลด์โชว์อาจต้องใช้น้อยกว่ามาก เฟรมที่แตกต่างกันเพิ่มเติมมักเพิ่มข้อมูล แต่การปรับของตัวเข้ารหัสและปริมาณการเปลี่ยนแปลงระหว่างเฟรมก็มีผลต่อขนาด
  • ใช้ต้นฉบับที่สะอาด เริ่มจากต้นฉบับที่ดีที่สุด การแปลงเป็นพาเลต GIF อาจเพิ่มแถบสีและ dithering ขณะที่ต้นฉบับซึ่งบีบอัดแล้วอาจส่งต่อข้อบกพร่องไปทุกเฟรม
  • ตั้งชื่อไฟล์ตามลำดับ รูปแบบอย่าง frame-01.png, frame-02.png และต่อไป ช่วยรักษาและตรวจลำดับที่ต้องการ แม้อินเทอร์เฟซรองรับการเรียงด้วยมือ

ขั้นตอนที่ 2: สร้าง GIF

เปิดGIF Maker ของ Vizua ลากรูปเข้าไปในพื้นที่วางไฟล์ แล้วตั้งค่าเหล่านี้:

  • ลำดับเฟรม ลากเฟรมเพื่อจัดเรียงใหม่ถ้าต้องการ เฟรมแรกคือสิ่งที่ผู้ชมเห็นก่อนแอนิเมชันเริ่ม (บนแพลตฟอร์มที่ไม่เล่นอัตโนมัติ)
  • ระยะหน่วงของเฟรม ควบคุมว่าแต่ละเฟรมจะแสดงนานเท่าไหร่ ฟอร์แมต GIF วัดระยะหน่วงเป็นหนึ่งร้อยของวินาที ค่าหน่วง 10 = 100ms (0.1 วินาที) = 10 fps ค่าที่ใช้บ่อย:
    • 7 (≈14 fps) — จุดเริ่มต้นที่เร็วกว่าและอาจถูกเบราว์เซอร์จำกัดค่าหน่วง
    • 10 (10 fps) — จุดเริ่มต้นระดับกลางสำหรับการเคลื่อนไหวง่าย
    • 50 (2 fps) — จุดเริ่มต้นสำหรับสไลด์โชว์ช้า
    • 100 (1 fps) — หนึ่งเฟรมต่อวินาทีสำหรับเนื้อหาที่ต้องใช้เวลาอ่าน
  • จำนวนรอบ ตั้งเป็น 0 สำหรับวนซ้ำไม่สิ้นสุด (มาตรฐานสำหรับ GIF บนเว็บ) หรือระบุตัวเลขเพื่อหยุดหลังเล่นครบ N รอบ
  • ขนาดผลลัพธ์ ส่งออกใกล้กับขนาดใหญ่สุดที่ GIF จะแสดงจริง ผืนผ้าใบเล็กลงอาจลดไฟล์ได้มาก แต่ความกว้างที่เหมาะสมขึ้นอยู่กับปลายทางและบริบทการดู

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

ขั้นตอนที่ 3: ปรับขนาดไฟล์ให้เหมาะสม

GIF แบบเคลื่อนไหวอาจมีขนาดใหญ่เพราะรวมภาพแบบดัชนีหลายภาพกับข้อมูลเวลา ควรปรับให้เหมาะกับต้นฉบับและปลายทางจริง แทนการสมมติว่าจำนวนเฟรมหรือความกว้างค่าหนึ่งจะรับประกันขนาดไฟล์ใด

เทคนิค ผลต่อขนาดไฟล์ ผลต่อคุณภาพ
ลดขนาด (800px เหลือ 480px) มักลดได้มาก ขึ้นอยู่กับต้นฉบับ ตัดรายละเอียดเชิงพื้นที่และอาจทำให้ข้อความหรือขอบนุ่มลง
ลดสี (256 เหลือ 128) อาจลดพาเลตและต้นทุนการเข้ารหัส อาจเพิ่มแถบสีหรือ dithering ควรตรวจลูป
ลดสี (256 เหลือ 64) อาจช่วยได้มากขึ้นกับภาพวาดที่เหมาะสม มีโอกาสเปลี่ยนการไล่สี ภาพถ่าย และการลบรอยหยักมากกว่า
ลบเฟรมซ้ำ ขึ้นอยู่กับการปรับตัวเข้ารหัสและการกำจัดเฟรม ไม่มี หากเวลาและพิกเซลที่แสดงยังเทียบเท่ากันจริง
ใช้ Lossy Compression ขึ้นอยู่กับต้นฉบับและตัวเข้ารหัส อาจเพิ่มสัญญาณรบกวนที่เห็นได้ เปลี่ยนสี หรือทำลายขอบ
ตัดเฟรมที่ไม่จำเป็น ตามสัดส่วนเฟรมที่ตัด แอนิเมชันลื่นน้อยลงเล็กน้อย

ลำดับที่ใช้ได้จริงคือครอบและปรับขนาดก่อน ลบเฟรมที่ไม่จำเป็น แล้วจึงทดสอบการลดพาเลตและตัวเลือกแบบสูญเสียข้อมูล เปลี่ยนทีละตัวแปรและเปรียบเทียบลูปทั้งหมดที่ขนาดแสดงผลเป้าหมาย

ข้อจำกัดขนาดไฟล์แต่ละแพลตฟอร์ม

ขีดจำกัดการอัปโหลดและการจัดการภาพเคลื่อนไหวอาจต่างกันตามบัญชี แผน แอป พื้นที่ และวันที่ ตารางนี้ตรวจทานเมื่อ 17 กรกฎาคม 2026 และบอกสิ่งที่ควรตรวจสอบ แทนการตรึงตัวเลขที่เปลี่ยนแปลงได้ไว้เป็นค่าถาวร

แพลตฟอร์ม ขนาดไฟล์สูงสุด ขนาดที่แนะนำ หมายเหตุ
Twitter/X ตรวจในหน้าสร้างเว็บหรือมือถือปัจจุบัน ให้ตรงกับการครอบและขนาดแสดงที่ต้องการ เส้นทางอัปโหลดเว็บและมือถืออาจทำงานต่างกัน
Discord ขึ้นอยู่กับบัญชี เซิร์ฟเวอร์ และประเภทการอัปโหลด ใช้ข้อกำหนดปัจจุบันสำหรับอีโมจิหรือไฟล์แนบ อีโมจิกำหนดเองและไฟล์แนบทั่วไปมีกฎต่างกัน
Slack ตรวจขีดจำกัดอีโมจิกำหนดเองปัจจุบัน เตรียมผืนผ้าใบสี่เหลี่ยมจัตุรัสขนาดเล็กสำหรับอีโมจิ การตั้งค่าเวิร์กสเปซและการเปลี่ยนผลิตภัณฑ์อาจมีผลต่อการยอมรับ
Facebook ตรวจในพื้นที่เผยแพร่ที่ต้องการ ให้ตรงกับตำแหน่งและการครอบปัจจุบัน บริการอาจแปลงหรือนำเสนอภาพเคลื่อนไหวต่างออกไป
GIPHY / Tenor ดูเอกสารผู้สร้างหรืออัปโหลดฉบับปัจจุบัน ใช้คำแนะนำคุณภาพปัจจุบันของปลายทาง การค้นหา การตรวจสอบ และการส่งมีข้อกำหนดต่างกันในแต่ละบริการ

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

ทำงานกับ GIF ที่มีอยู่แล้ว

บางครั้งคุณมี GIF อยู่แล้วและต้องการแก้ไข งานที่ทำบ่อย 2 อย่าง:

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

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการปรับภาพให้เหมาะกับแต่ละแพลตฟอร์ม โปรดดูคู่มือขนาดรูปสำหรับโซเชียลมีเดีย

คำถามที่พบบ่อย

อัตราเฟรมที่ดีที่สุดสำหรับ GIF คือเท่าไร

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

ทำอย่างไรให้ GIF อยู่ภายในขีดจำกัดการอัปโหลดของแพลตฟอร์มโซเชียล

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

สร้าง GIF จากรูปเพียง 2 รูปได้ไหม

ได้ เฟรมสองเฟรมที่สลับกันสร้างภาพก่อนและหลังหรือการสลับสถานะได้ ค่าหน่วง 500–1000 ms ต่อเฟรมเป็นช่วงเริ่มต้นที่อ่านง่าย ไม่ใช่กฎ ปรับตามเนื้อหาและทดสอบว่าผู้ชมมีเวลาพอเข้าใจทั้งสองเฟรม หลีกเลี่ยงการกะพริบเร็วซึ่งอาจเป็นความเสี่ยงด้านการเข้าถึง

ทำไมไฟล์ GIF จึงใหญ่มาก

ขนาดพิกเซล จำนวนเฟรม พื้นที่ที่เปลี่ยนระหว่างเฟรม ความซับซ้อนของพาเลต dithering และตัวเลือกของตัวเข้ารหัสล้วนมีผลต่อขนาด เริ่มด้วยการครอบและปรับให้ตรงกับขนาดแสดงจริง ลบเฟรมที่ไม่จำเป็น แล้วทดสอบพาเลตที่เล็กลง ปริมาณที่ลดได้และผลที่มองเห็นขึ้นอยู่กับภาพเคลื่อนไหว จึงควรเปรียบเทียบกับต้นฉบับ

GIF มีสีได้สูงสุดกี่สี

ตารางสี GIF มีได้สูงสุด 256 รายการ ไฟล์อาจใช้ตารางรวมและแต่ละเฟรมอาจมีตารางเฉพาะ แต่ภาพแบบดัชนีแต่ละภาพยังเลือกได้ไม่เกิน 256 รายการ ภาพถ่ายและการไล่สีอาจเกิดแถบสีหรือ dithering ส่วนกราฟิกที่มีสีพื้นไม่กี่สีมักใช้รายการน้อยกว่า ทดสอบพาเลตแทนการสมมติว่า 64, 128 หรือ 256 สีจะดูเหมือนกัน

สร้าง GIF ของคุณตอนนี้เลย

สร้าง GIF แบบเคลื่อนไหวในเบราว์เซอร์ได้ฟรี ไฟล์ที่เลือกจะไม่ถูกส่งไปยังเซิร์ฟเวอร์ประมวลผลภาพของเรา

สร้าง GIF แยกเฟรม GIF ปรับขนาดรูป