Image2Layer logo

MỘT ẢNH ĐỘNG. MỘT SPRITE SHEET GỌN GÀNG.

Chuyển GIF thành sprite sheet: xếp ảnh động thành lưới PNG

Chuyển GIF thành sprite sheet online, miễn phí và không cần đăng nhập. Xếp các khung hình thành lưới PNG, chỉnh số cột và khoảng cách, rồi xuất tọa độ cùng thời gian của từng khung hình dưới dạng JSON.

Bố cục lưới tùy chỉnhXuất PNG trong suốtKèm dữ liệu khung hình
GIF sang sprite sheet
Khung hình ví dụ: Robot bật nhảy · khung hình 101
Khung hình ví dụ: Robot bật nhảy · khung hình 402
Khung hình ví dụ: Robot bật nhảy · khung hình 703

Ảnh động của bạn, từng khung hình một

Mở một file GIF hoặc thử ví dụ để xem từng khung hình.

GIF động · tối đa 20 MB · 200 khung hình
GIF được xử lý ngay trên thiết bị của bạn. Không cần tài khoản hay credit.

TỰ TAY THỬ NGAY

Từ GIF động đến sprite sheet ngăn nắp

Khám phá chu kỳ bật nhảy của chú robot với 12 khung hình riêng biệt. Dùng ví dụ GIF thật để xem việc chọn khung hình và thiết lập lưới thay đổi sprite sheet xuất ra như thế nào.

MỞ FILE

Bắt đầu từ ảnh động có sẵn

Đưa file GIF vào không gian làm việc. Các khung hình hoàn chỉnh của nó sẽ trở thành ô nguồn cho sprite sheet.

CHỌN

Chọn tư thế cần giữ

Giữ trọn chu kỳ bật nhảy, hoặc chọn ít khung hình hơn để sprite sheet gọn hơn.

SẮP XẾP

Sắp xếp lưới đồng đều

Đặt số cột, chiều rộng khung hình và khoảng cách. Xem trước lưới PNG đã cập nhật trước khi xuất.

robot-jump.gif

Ví dụ gốc gồm 12 khung hình · mở GIF trong không gian làm việc

XEM KỸ TỪNG KHUNG HÌNH

Ghép khung hình GIF thành sprite sheet

Từ một ảnh động thành một bộ khung hình ngăn nắp. Chỉnh lưới trong không gian làm việc cho vừa với dự án của bạn.

  • Giải mã GIF thành các khung hình hoàn chỉnh theo đúng thứ tự gốc.
  • Chọn các khung hình cần cho hoạt ảnh của bạn.
  • Dùng trình phát xem trước tích hợp để kiểm tra chuỗi chuyển động.
Khung hình 1 của ảnh động ví dụ
01
Khung hình 2 của ảnh động ví dụ
02
Khung hình 3 của ảnh động ví dụ
03
Khung hình 4 của ảnh động ví dụ
04
Khung hình 5 của ảnh động ví dụ
05
Khung hình 6 của ảnh động ví dụ
06
Khung hình 7 của ảnh động ví dụ
07
Khung hình 8 của ảnh động ví dụ
08
Khung hình 9 của ảnh động ví dụ
09
Khung hình 10 của ảnh động ví dụ
10
Khung hình 11 của ảnh động ví dụ
11
Khung hình 12 của ảnh động ví dụ
12

LÀM CHỦ BẢN XUẤT

Chỉnh số cột, kích thước và khoảng cách sprite sheet

Dùng một ảnh PNG để chứa các khung hình đã chọn. Đặt chiều rộng khung hình, giữ nguyên tỷ lệ khung và thêm khoảng cách giữa các ô cho phù hợp với dự án của bạn.

  • Thay đổi số cột để định hình lại lưới.
  • Chỉnh chiều rộng khung hình để kiểm soát kích thước đầu ra.
  • Xuất JSON gồm vị trí, kích thước và độ trễ của từng ô.

BA BƯỚC ĐƠN GIẢN

Cách chuyển GIF thành sprite sheet

Từ file gốc đến kết quả dùng được ngay, chỉ với ba bước đơn giản.

01

Mở file GIF

Mở file ảnh động của bạn. Các khung hình hoàn chỉnh được dựng lại ngay trong trình duyệt.

02

Sắp xếp khung hình

Chọn khung hình cần dùng, rồi chỉnh số cột, chiều rộng khung hình và khoảng cách.

03

Xuất sprite sheet

Tải về sprite sheet PNG và tọa độ JSON cho các khung hình đã chọn.

DÀNH CHO DỰ ÁN TIẾP THEO CỦA BẠN

Tạo sprite sheet cho game và dự án web

01

Tài nguyên hoạt ảnh cho game

Xếp một chuỗi chuyển động vào các ô đồng đều và xuất tọa độ cho quy trình riêng của bạn.

02

Thử nghiệm hoạt ảnh trên web

Dùng sprite sheet PNG và dữ liệu thời gian làm đầu vào cho hoạt ảnh CSS hoặc canvas.

03

Bảng tổng quan chuyển động

Xem toàn bộ một chuyển động cùng lúc, tự quyết định khung hình nào được chọn và bố cục ra sao.

Tải về sprite sheet PNG và JSON

File PNG chứa các khung hình đã sắp xếp; file JSON riêng mô tả tọa độ và thời gian của chúng. Đưa các file này vào quy trình làm game hoặc hoạt ảnh web. Công cụ chỉ sắp xếp khung hình GIF có sẵn và không tạo tư thế mới.

GIF sang sprite sheet: Câu hỏi thường gặp

Tôi có thể chuyển GIF thành sprite sheet (spritesheet) ở đây không?

Có. Ở đây, sprite sheet và spritesheet đều chỉ cùng một lưới khung hình hoạt ảnh. Công cụ tạo sprite sheet này chuyển các khung hình có sẵn trong file GIF thành một ảnh PNG, kèm tọa độ và thời gian dạng JSON (tùy chọn) cho quy trình hoạt ảnh của riêng bạn.

File GIF có bị tải lên máy chủ không?

Không. Việc giải mã GIF, xem trước và tải xuống đều chạy trong trình duyệt của bạn. Các công cụ này không dùng API AI, không yêu cầu đăng nhập và không tốn credit.

Tôi nhận được khung hình hoàn chỉnh hay chỉ những mảnh ảnh nhỏ?

Khung hình hoàn chỉnh. Trước khi xuất, bộ giải mã ghép các mảnh khung hình của GIF dựa trên vị trí, độ trong suốt và chỉ dẫn xử lý khung (disposal) của từng mảnh.

Giới hạn file là bao nhiêu?

Bạn có thể mở file GIF tối đa 20 MB với tối đa 200 khung hình. Tổng số pixel sau khi giải mã của tất cả khung hình cũng giới hạn ở 36 triệu để giữ mức dùng bộ nhớ hợp lý. Sprite sheet lớn được giới hạn ở 32 triệu pixel.

Thời gian hiển thị của từng khung hình có được giữ lại không?

Dữ liệu khung hình ghi lại độ trễ của từng khung tính bằng mili giây. File PNG hay sprite sheet đều là ảnh tĩnh; hãy dùng dữ liệu thời gian này để dựng lại chuyển động trong công cụ làm hoạt ảnh của bạn.

Công cụ có tạo sprite mới bằng AI không?

Không. Công cụ chỉ sắp xếp các khung hình có sẵn trong GIF của bạn. Nó không tạo tư thế mới, không xóa nền và không nội suy thêm khung hình.

KHÁM PHÁ THÊM

Sáng tạo tiếp

Vài bước hữu ích tiếp theo cho hình ảnh của bạn.

Đổi màu ảnhTạo ảnh silhouetteTạo sticker từ ảnhTách GIF thành ảnh

GIF sang sprite sheet

Tạo sprite sheet từ GIF của bạn

Chuyển GIF thành sprite sheet online, miễn phí và không cần đăng nhập. Xếp các khung hình thành lưới PNG, chỉnh số cột và khoảng cách, rồi xuất tọa độ cùng thời gian của từng khung hình dưới dạng JSON.

Quay lại không gian làm việc