ตัวสร้าง GIF

ตัวสร้าง GIF

เพิ่มอย่างน้อยสองเฟรม

GIF เคลื่อนไหวยังเป็นวิธีที่สะดวกในการเพิ่มรีแอ็กชันใน Slack ใส่บทแนะนำสั้น ๆ ใน README หรือแสดงไมโครอินเทอร์แอ็กชันของสินค้าในหน้า Landing Page ตัวสร้าง GIF นี้รวมเฟรม PNG/JPG หรือ MP4 ที่ตัดแล้วให้เป็น GIF แบบวนซ้ำ 256 สี พร้อมให้คุณปรับ fps ขนาดแคนวาส และจำนวนรอบก่อนดาวน์โหลด

วิธีสร้าง GIF

  1. 1

    เพิ่มเฟรม

    อัปโหลดภาพ PNG/JPG ตามลำดับ หรือเพิ่ม MP4 สั้น ๆ เพื่อดึงเฟรมออกมา

  2. 2

    ตั้งค่าอัตราเฟรม

    ใช้ 8–12 fps สำหรับเดโม UI และ 15–24 fps สำหรับการเคลื่อนไหวที่ลื่นขึ้นคล้ายวิดีโอ

  3. 3

    เลือกขนาดและการวนซ้ำ

    ปรับขนาดแคนวาส แล้วเลือกให้ GIF วนซ้ำตลอดหรือหยุดหลังเล่นครบจำนวนครั้งที่กำหนด

  4. 4

    ส่งออกและดาวน์โหลด

    เครื่องมือจะเข้ารหัสแอนิเมชันพร้อมปรับพาเล็ตสีให้เหมาะสม แล้วส่งคืนเป็นไฟล์ .gif ไฟล์เดียว

ข้อจำกัดของรูปแบบ GIF

รายการ ข้อจำกัดหรือพฤติกรรม
ความลึกสี 256 สีต่อเฟรม (พาเล็ต 8 บิต)
ความโปร่งใสแบบอัลฟา ความโปร่งใส 1 บิต: แต่ละพิกเซลโปร่งใสทั้งหมดหรือทึบทั้งหมดเท่านั้น
หน่วงเวลาเฟรม บันทึกเป็นช่วงละ 10 ms ดังนั้น “GIF 60 fps” ในทางปฏิบัติจะอยู่ใกล้ 50 fps
การบีบอัด การบีบอัด LZW เหมาะที่สุดกับกราฟิกพื้นเรียบและภาพจับหน้าจอ UI
ขนาดไฟล์ ไม่มีขีดจำกัดตามรูปแบบ แต่เบราว์เซอร์และแอปแชตจำนวนมากจะเริ่มจัดการยากเมื่อเกินประมาณ 10 MB

เคล็ดลับให้ไฟล์มีขนาดเล็ก

  • ตัดให้เหลือเฉพาะการเคลื่อนไหวที่จำเป็น. GIF รีแอ็กชันส่วนใหญ่มักใช้งานดีที่สุดที่ความยาว 1–3 วินาที
  • ย่อขนาดก่อนส่งออก. GIF กว้าง 480 px มักเพียงพอสำหรับ Slack, X/Twitter, Notion และหน้าคู่มือ
  • ลดจำนวนเฟรมก่อนลดจำนวนสี. การลด fps ลงครึ่งหนึ่งมักช่วยลดขนาดไฟล์ได้มาก ส่วนการลดพาเล็ตจาก 256 เหลือ 64 สีอาจทำให้ไล่สีเสียอย่างเห็นได้ชัด
  • ใช้พื้นหลังที่สะอาด. ภาพจับหน้าจอและแอนิเมชัน UI แบบพื้นเรียบบีบอัดได้ดีกว่าวิดีโอที่มีนอยส์มาก

เมื่อใดควรใช้ MP4 หรือ WebM

หากปลายทางรองรับวิดีโอสั้นที่เล่นอัตโนมัติ เช่น X/Twitter, Discord หรือเว็บสมัยใหม่ MP4 (H.264) หรือ WebM (VP9) อาจมีขนาดเล็กกว่า GIF ที่คุณภาพภาพใกล้เคียงกัน 5–10 เท่า GIF ยังเหมาะกับแชต อีเมล ระบบติดตามงาน และระบบเอกสารรุ่นเก่าที่มองไฟล์นี้เป็นรูปภาพ

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

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

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

12–15 fps เป็นค่าเริ่มต้นที่ใช้งานได้ดี การเคลื่อนไหวยังอ่านง่ายโดยไม่ทำให้ไฟล์ใหญ่เกินไป และแพลตฟอร์มที่แปลง GIF เป็นวิดีโอก็จัดการช่วงนี้ได้ดี

การเข้ารหัสทำงานภายในหน้า และ GIF ที่เสร็จแล้วจะถูกส่งกลับมาให้ดาวน์โหลด เฟรมต้นฉบับจะไม่ถูกเก็บไว้หลังส่งออก

เครื่องมือที่เกี่ยวข้อง

เครื่องมือสร้าง QR Code

สร้าง QR Code จากข้อความหรือ URL ในเบราว์เซอร์ แล้วดาวน์โหลดเป็น PNG

เครื่องสร้างบาร์โค้ด

สร้างบาร์โค้ด Code 128, EAN-13, UPC, ITF-14 และรูปแบบเชิงเส้นอื่นอีกเจ็ดแบบ ข้อมูลอยู่ในเบราว์เซอร์และดาวน์โหลดเป็น SVG หรือ PNG ได้

แปลง WebP เป็น JPG

แปลงรูปภาพ WebP เป็น JPG/JPEG ได้โดยตรงในเบราว์เซอร์ เลือกคุณภาพ ผสานความโปร่งใสเข้ากับสีพื้นหลัง แล้วดาวน์โหลดโดยไม่ต้องอัปโหลดไฟล์

เครื่องมือปรับขนาดรูปภาพสำหรับโซเชียลมีเดีย

ปรับขนาดรูปภาพหนึ่งภาพเป็นพรีเซ็ตโซเชียลมีเดียในตัวสำหรับ Instagram, Facebook, X, LinkedIn, YouTube, Pinterest และ TikTok ดูตัวอย่าง PNG แต่ละไฟล์และดาวน์โหลดขนาดที่ต้องใช้

BMP เป็น PNG

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

บีบอัด GIF

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