Cắt & ghép sprite sheet

27 người đã dùng

Cắt sheet thành khung PNG, hoặc ghép ảnh thành sheet kèm JSON.

Thả ảnh vào đây · hoặc dán Ctrl/Cmd + V

Thả để mở sprite sheet

1 sheet để cắt khung · nhiều ảnh để ghép · PNG nền trong suốt đẹp nhất

Ảnh được xử lý ngay trên trình duyệt của bạn

Xong việc này? Labs gợi ý bước tiếp theo

Xoá nền ảnhTăng độ phân giảiNén & đổi định dạng ảnh

Câu hỏi thường gặp

Sprite sheet là gì?

Sprite sheet là một ảnh lớn chứa nhiều khung hình xếp theo lưới, dùng cho hoạt ảnh trong game 2D, web animation và hiệu ứng CSS.

Công cụ sprite sheet có miễn phí không?

Có. Công cụ cắt và ghép sprite sheet của ColorME miễn phí, không cần đăng nhập và không gắn watermark.

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

Khi xử lý thì không: ảnh được xử lý ngay trên trình duyệt của bạn, không gửi lên máy chủ. Chỉ khi bạn đã đăng nhập, file kết quả bạn tải về mới được lưu vào mục Lịch sử riêng của bạn và tự xoá sau 180 ngày.

Cách cắt sprite sheet thành từng khung ảnh?

Chọn Cắt khung, tải 1 sprite sheet lên, nhập số cột và hàng hoặc bấm Tự nhận lưới, rồi bấm Tải ZIP khung để nhận từng khung PNG riêng.

Cách ghép nhiều ảnh thành sprite sheet?

Chọn Ghép sheet, tải nhiều ảnh khung lên theo thứ tự, chỉnh số cột và khoảng cách, rồi tải sheet PNG cùng file JSON mô tả vị trí từng khung.

File JSON đi kèm dùng để làm gì?

JSON ghi vị trí, kích thước từng khung và tốc độ khung hình, giúp lập trình viên hoặc game engine đọc sheet mà không phải đo tay.

Có xem trước chuyển động không?

Có. Bấm Xem chuyển động để phát thử các khung như animation, chỉnh Tốc độ từ 1 đến 30 fps để kiểm tra độ mượt.

Tự nhận lưới hoạt động thế nào?

Công cụ phân tích vùng trong suốt giữa các khung để đoán số cột và hàng; nếu sheet có nền đặc hoặc khung không đều, hãy nhập số cột, hàng thủ công.

Nên dùng định dạng ảnh nào?

Nên dùng PNG nền trong suốt để khung sạch, không có viền nền khi đưa vào game. Ảnh JPG vẫn dùng được nhưng sẽ có nền.

Dùng được cho Unity, Godot hay web CSS không?

Được. Sheet PNG và JSON dùng cho hầu hết game engine; với web, bạn có thể dùng sheet làm background và đổi vị trí theo khung bằng CSS animation steps.

Dùng trên điện thoại được không?

Được, nhưng thao tác với nhiều khung và file ZIP sẽ thuận tiện hơn trên máy tính.

Mẹo làm sprite sheet gọn nhẹ?

Giữ các khung cùng kích thước, cắt sát nhân vật, để khoảng cách nhỏ giữa các khung và dùng số khung vừa đủ, thường 8 đến 12 khung là đủ mượt cho một động tác.

Công cụ cùng nhóm

Tất cả công cụ