กรอบภาพจากไฟล์ GIF เป็น PNG

อัปโหลด GIF แบบเคลื่อนไหว

GIF แบบเคลื่อนไหวคือชุดภาพสี 256 สีที่ซ้อนกัน โดยแต่ละเฟรมมีค่าหน่วงเวลา (delay) ของตัวเอง การแยกไฟล์เหล่านี้กลับเป็นไฟล์ PNG จะให้ผลลัพธ์เป็นภาพแต่ละเฟรมที่พร้อมใช้งานสำหรับการทำสไปรต์ชีต การแก้ไขภาพเฟรมต่อเฟรม หรือการนำเข้าไปใช้ใน After Effects, Blender หรือเกมเอนจิน เครื่องมือนี้จะถอดรหัสข้อมูลจากสตรีมและส่งกลับไฟล์ในรูปแบบ ZIP ตั้งแต่ frame_001.png จนถึง frame_N.png

วิธีแบ่งไฟล์ GIF ออกเป็นเฟรมต่างๆ

  1. 1

    อัปโหลดไฟล์ GIF

    GIF แอนิเมชันใดๆ ก็ตามที่มีจำนวนเฟรมจำกัด

  2. 2

    ตัวถอดรหัสจะประมวลผลเฟรมแต่ละเฟรม

    ค่าหน่วงเวลา (delay) และวิธีจัดการเฟรม (disposal method) ถูกปฏิบัติตามอย่างเคร่งครัด ทำให้ความโปร่งใสซ้อนทับกันได้อย่างถูกต้อง

  3. 3

    เฟรมแต่ละเฟรมจะถูกบันทึกในรูปแบบ PNG

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

  4. 4

    ดาวน์โหลดไฟล์ ZIP

    ไฟล์อาร์ชีฟเดียวที่มีภาพ PNG หนึ่งภาพต่อเฟรม

ลักษณะของผลลัพธ์

my-animation.zip
├── frame_001.png
├── frame_002.png
├── frame_003.png
…
└── frame_042.png

การกำหนดหมายเลขเริ่มต้นที่ 1 โดยมีศูนย์อยู่ด้านหน้า ทำให้แอนิเมชันที่มีจำนวนเฟรม 42 สามารถจัดเรียงได้อย่างถูกต้องใน Finder, Explorer หรือไฟล์ ls -1

ค่าหน่วงเวลาและวิธีจัดการเฟรม

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

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

ตำแหน่งถัดไปของเฟรม PNG

  • สไปรต์ชีต (sprite sheet): นำเฟรมต่าง ๆ มาเชื่อมต่อกันในแนวนอนเพื่อสร้างสไปรต์ชีตที่สามารถใช้งานได้ด้วย CSS steps() หรือ Phaser
  • วิดีโอ: นำไฟล์ไปป้อนเข้าสู่ FFmpeg โดยใช้รหัส -framerate และส่งออกเป็นรูปแบบ MP4 หรือ WebM
  • เครื่องมือสำหรับการแอนิเมชัน: สามารถนำไฟล์เข้าไปใช้งานใน Krita, Procreate, After Effects หรือ Aseprite เพื่อแก้ไขภาพเฟรมต่อเฟรมได้
  • เอกสารประกอบ: เลือกเฟรมหลักสำหรับภาพตัวละครเอก และเก็บเฟรมอื่นๆ เป็นไฟล์สำรองไว้

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

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

ภาพเต็มรูปแบบ: ตัวถอดรหัสจะปฏิบัติตามวิธีการจัดการไฟล์ GIF อย่างเคร่งครัด ดังนั้นไฟล์ PNG ที่ส่งออกจะแสดงสภาพของภาพที่ประกอบขึ้น (composited state) ไม่ใช่ค่าความแตกต่างระหว่างเฟรมแต่ละเฟรมที่เก็บไว้ในสตรีม GIF

เครื่องมือนี้จะบันทึกไฟล์ frames.json ลงในไฟล์ ZIP โดยระบุแต่ละเฟรมพร้อมค่าความล่าช้าในหน่วยมิลลิวินาที เพื่อให้คุณสามารถจำลองเวลาการเล่นตามต้นฉบับได้ใน FFmpeg หรือโปรแกรมแก้ไขวิดีโอ

ไม่ ไฟล์ที่อัปโหลดจะถูกประมวลผลเพื่อสร้างไฟล์ ZIP ก่อนจะถูกลบไปในขั้นตอนถัดไป

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

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

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

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

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

BMP เป็น PNG

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

แปลง WebP เป็น JPG

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

ตัวสร้าง GIF

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

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

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