ตัวสร้าง GIF
GIF เคลื่อนไหวยังเป็นวิธีที่สะดวกในการเพิ่มรีแอ็กชันใน Slack ใส่บทแนะนำสั้น ๆ ใน README หรือแสดงไมโครอินเทอร์แอ็กชันของสินค้าในหน้า Landing Page ตัวสร้าง GIF นี้รวมเฟรม PNG/JPG ให้เป็น GIF แบบวนซ้ำ 256 สี พร้อมให้คุณจัดเรียงเฟรมใหม่และปรับความเร็ว การวนซ้ำ คุณภาพ และขนาดแคนวาสก่อนดาวน์โหลด
วิธีสร้าง GIF
-
1
เพิ่มเฟรม
อัปโหลดภาพ PNG/JPG ตามลำดับ แอนิเมชันจะเล่นตามลำดับนั้น
-
2
ตั้งค่าดีเลย์ต่อเฟรม
เวลาจะถูกเก็บเป็นดีเลย์ต่อเฟรมหน่วยมิลลิวินาที: 80 ms ให้ประมาณ 12 fps สำหรับการเคลื่อนไหว UI ที่ลื่นไหล ส่วน 500 ms ให้สไลด์โชว์ช้า ๆ ราว 2 fps เลือกใช้พรีเซ็ตหรือพิมพ์ค่าที่ต้องการก็ได้
-
3
เลือกขนาดแคนวาส
ปรับขนาดแคนวาสเพื่อให้ไฟล์เล็กลงโดยไม่เสียรายละเอียด แล้วเลือกว่า GIF ที่เสร็จแล้วจะวนซ้ำไม่สิ้นสุดหรือเล่นครั้งเดียว
-
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 ที่เสร็จแล้วจะถูกเก็บชั่วคราวในที่เก็บเซสชันของแท็บนี้เพื่อให้ไปมาระหว่างขั้นตอนได้ สำเนาชั่วคราวนี้จะหายไปเมื่อคุณเริ่มใหม่ ล้างเฟรม หรือปิดแท็บ
เครื่องมือที่เกี่ยวข้อง
สร้างกระดาษบรรทัดห้าเส้น
สร้างกระดาษบรรทัดห้าเส้นสำหรับพิมพ์ ทั้งบรรทัดเปล่า กุญแจซอลหรือกุญแจฟา บรรทัดคู่สำหรับเปียโน หรือแท็บกีตาร์ เลือกจำนวน ระยะห่างเส้น A4 หรือ Letter และขอบกระดาษ แล้วดาวน์โหลด PDF หรือ SVG
เครื่องมือทำภาพโมเสกจากตัวต่อ LEGO
เปลี่ยนรูปถ่ายเป็นแบบโมเสกจัตุรัส 16, 32, 48 หรือ 64 ช่องต่อด้าน ดูสีโดยประมาณ นับแผ่นตัวต่อ 1×1 และดาวน์โหลดคู่มือประกอบที่มีหมายเลขกำกับ
ตัวเลือกสี Material Design
สำรวจพาเลตสีของ Material Design คัดลอกเฉดสีใดก็ได้ (ตั้งแต่ 50 ถึง A700) ในรูปแบบ HEX, RGB หรือ HSL เพียงแตะครั้งเดียว
ปรับขนาด PNG
ปรับขนาดภาพ PNG ได้ในเบราว์เซอร์ของคุณโดยตรง กำหนดความกว้างและความสูงใหม่เป็นพิกเซล ล็อกอัตราส่วนภาพ และคงพื้นหลังโปร่งใสไว้ ไม่มีการอัปโหลดสิ่งใด
เครื่องอ่านบาร์โค้ด
เลือกรูปภาพบาร์โค้ดเพื่ออ่านค่าที่เข้ารหัสและชนิดของบาร์โค้ด รองรับ EAN-13, UPC-A และ Code 128 พร้อมผลตรวจเลขตรวจสอบของ EAN และ UPC
โปรแกรมแปลงรูปแบบภาพ
แปลงรูปภาพเป็น JPG, PNG หรือ WebP ได้ทันทีในเบราว์เซอร์ พร้อมควบคุมคุณภาพสำหรับรูปแบบบีบอัดและรักษาความโปร่งใสใน PNG และ WebP
เครื่องมือนี้มีให้บริการในภาษาอื่น
- GIF-skapare [SV]
- Pembuat GIF [ID]
- Kreator GIF [PL]
- Criador de GIF [PT]
- GIF-Ersteller [DE]
- منشئ ملفات GIF [AR]
- GIF 제작기 [KO]
- Trình tạo GIF [VI]
- GIFメーカー [JA]
- Creador de GIF [ES]
- Créateur de GIF [FR]
- GIF-maker [NL]
- GIF 制作器 [ZH]
- GIF Maker [EN]
- Creatore di GIF [IT]
- Создание GIF [RU]
- GIF Oluşturucu [TR]