ตัวสร้าง GIF

ตัวสร้าง GIF

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

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

วิธีสร้าง GIF

  1. 1

    เพิ่มเฟรม

    อัปโหลดภาพ PNG/JPG ตามลำดับ แอนิเมชันจะเล่นตามลำดับนั้น

  2. 2

    ตั้งค่าดีเลย์ต่อเฟรม

    เวลาจะถูกเก็บเป็นดีเลย์ต่อเฟรมหน่วยมิลลิวินาที: 80 ms ให้ประมาณ 12 fps สำหรับการเคลื่อนไหว UI ที่ลื่นไหล ส่วน 500 ms ให้สไลด์โชว์ช้า ๆ ราว 2 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

สำหรับ Slack หรือ X/Twitter แล้ว 12–15 fps ถือว่าใช้งานได้จริง ซึ่งเท่ากับดีเลย์ประมาณ 65–85 ms เครื่องมือนี้เริ่มที่ 150 ms (ราว 6.7 fps) ซึ่งเหมาะกับสไลด์โชว์ อยากให้ UI เคลื่อนไหวลื่นขึ้น ให้เลือกพรีเซ็ตลื่นไหลหรือพิมพ์ 80

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

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

ตัวเลือกสี Material Design

สำรวจพาเลตสีของ Material Design คัดลอกเฉดสีใดก็ได้ (ตั้งแต่ 50 ถึง A700) ในรูปแบบ HEX, RGB หรือ HSL เพียงแตะครั้งเดียว

เครื่องสร้างกระดาษเส้นบรรทัด

สร้างกระดาษเส้นบรรทัดพร้อมพิมพ์ได้ฟรี เลือกเส้นแบบวิทยาลัย กว้าง หรือแคบ ตั้งระยะห่างบรรทัดเป็นมิลลิเมตร ขนาดกระดาษ และเส้นขอบ แล้วพิมพ์หรือดาวน์โหลดเป็น SVG

เครื่องมือสร้างธง

ออกแบบธงแบบกำหนดเองอัตราส่วน 3:2 อย่างเรียบง่ายในเบราว์เซอร์ ด้วยเลย์เอาต์ 6 แบบ สี ข้อความ และสัญลักษณ์ ดาวน์โหลด SVG หรือ PNG หรือเปิดกล่องโต้ตอบการพิมพ์ของเบราว์เซอร์ได้

ตัวแปลง JPG เป็น Word

แปลงภาพถ่าย JPG หรือภาพหน้าจอของข้อความเป็นเอกสาร Word ที่แก้ไขได้ เครื่องมืออ่านคำด้วย OCR แล้วจัดวางเพื่อให้คุณเขียนใหม่ จัดรูปแบบ และนำกลับมาใช้ได้

เครื่องมือสร้างคอนแทคชีต

จัดภาพเป็นคอนแทคชีต A4 หรือ Letter พร้อมคำบรรยาย การครอป และตัวอย่างหน้า แล้วดาวน์โหลด JPEG หรือ PDF

โปรแกรมแปลงรูปแบบภาพ

แปลงรูปภาพเป็น JPG, PNG หรือ WebP ได้ทันทีในเบราว์เซอร์ พร้อมควบคุมคุณภาพสำหรับรูปแบบบีบอัดและรักษาความโปร่งใสใน PNG และ WebP

เครื่องมือนี้มีให้บริการในภาษาอื่น