Ngôn ngữ
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
Công Cụ Cắt Sprite Sheet

Công Cụ Cắt Sprite Sheet

Cắt sprite sheet thành các frame riêng lẻ với lưới tùy chỉnh, xem trước hoạt ảnh và xuất batch dưới dạng ZIP.

Công Cụ Cắt Sprite Sheet là gì?

Sprite sheet là một tệp hình ảnh duy nhất chứa nhiều hình ảnh nhỏ hơn (frame) được sắp xếp trong một lưới. Các nhà phát triển trò chơi, nghệ sĩ pixel art và nhà thiết kế web thường sử dụng sprite sheet để tổ chức các frame hoạt ảnh, tư thế nhân vật hoặc các phần tử giao diện người dùng một cách hiệu quả.

Cách hoạt động: Công cụ này cho phép bạn nhanh chóng chia sprite sheet thành các hình ảnh frame riêng lẻ. Chỉ cần tải lên sprite sheet của bạn, cấu hình bố cục lưới, xem trước hoạt ảnh và xuất tất cả các frame cùng một lúc.

Khi Nào Sử Dụng Công Cụ Này

Phát Triển Trò Chơi

Trích xuất các frame hoạt ảnh từ sprite sheet để sử dụng trong các engine trò chơi như Unity, Godot hoặc GameMaker.

Pixel Art

Tách các sprite riêng lẻ từ tileset hoặc character sheet để chỉnh sửa và tổ chức.

Hoạt Ảnh Web

Chia nhỏ CSS sprite sheet thành các hình ảnh riêng lẻ cho các dự án web và hoạt ảnh.

Quản Lý Tài Sản

Tổ chức và phân loại các sprite từ các sheet lớn để có quy trình dự án tốt hơn.

Cách Sử Dụng

1

Tải Lên Sprite Sheet Của Bạn

Kéo và thả hình ảnh sprite sheet của bạn vào khu vực tải lên, nhấp chuột để duyệt tệp hoặc dán hình ảnh từ clipboard của bạn. Các định dạng được hỗ trợ bao gồm PNG, JPG và WebP.

Mẹo chuyên nghiệp: Định dạng PNG được khuyến nghị cho các sprite có độ trong suốt để bảo toàn các kênh alpha.
2

Cấu Hình Lưới

Chọn một trong hai chế độ lưới dựa trên bố cục sprite sheet của bạn:

Theo Số Lượng

Chia Dựa Trên Lưới

  • Chỉ định cột và hàng
  • Tự động tính toán kích thước frame
  • Tốt nhất cho các lưới đều
  • Ví dụ: 8 cột × 4 hàng
Theo Kích Thước

Chia Dựa Trên Kích Thước

  • Nhập kích thước pixel chính xác
  • Tự động tính toán số lượng frame
  • Tốt nhất cho kích thước frame đã biết
  • Ví dụ: 32×32 hoặc 64×64 pixel

Cài Đặt Nâng Cao

Nếu sprite sheet của bạn có lề hoặc khoảng cách giữa các frame, nhấp vào Nâng Cao để cấu hình:

  • Offset - Vị trí bắt đầu từ góc trên cùng bên trái (hữu ích cho lề ngoài)
  • Khoảng Cách - Khoảng cách giữa các frame (cho các sheet có padding giữa các sprite)
3

Xem Trước và Xác Minh

Lưới overlay cập nhật theo thời gian thực khi bạn điều chỉnh cài đặt. Sử dụng các điều khiển phóng to để kiểm tra các sprite nhỏ với hiển thị pixelated để xem trước chính xác.

Sau khi nhấp vào Xuất Frame, sử dụng xem trước hoạt ảnh để xác minh các frame được cắt chính xác trước khi tải xuống.

4

Xuất Frame Của Bạn

Nhấp vào Xuất Frame để trích xuất tất cả các frame. Bạn có thể bỏ chọn bất kỳ frame nào không mong muốn bằng cách nhấp vào chúng trong lưới kết quả.

  • Tải xuống các frame riêng lẻ một lần
  • Sử dụng Tải Xuống ZIP để lấy tất cả các frame đã chọn trong một kho lưu trữ
  • Các frame được đặt tên theo thứ tự để dễ dàng tổ chức

Tính Năng

Cấu Hình Lưới Linh Hoạt

Hai chế độ lưới bao gồm tất cả các bố cục sprite sheet với điều khiển chính xác.

  • Chế độ Theo Số Lượng cho các kích thước lưới đã biết
  • Chế độ Theo Kích Thước cho kích thước pixel chính xác
  • Cài đặt offset và khoảng cách nâng cao
  • Xử lý các sheet có lề và khoảng cách

Xem Trước Lưới Theo Thời Gian Thực

Xem chính xác cách sprite sheet của bạn sẽ được chia trước khi xuất.

  • Lưới overlay trực tiếp với đánh số frame
  • Điều khiển phóng to với hiển thị pixelated
  • Phản hồi trực quan tức thì về cài đặt
  • Hoàn hảo để kiểm tra pixel art nhỏ

Xem Trước Hoạt Ảnh

Xem trước hoạt ảnh sprite của bạn trực tiếp trong trình duyệt.

  • Thanh trượt FPS có thể điều chỉnh (1-60 FPS)
  • Điều khiển Play, Pause và Stop
  • Xem lại chuỗi hoạt ảnh trước khi xuất
  • Xác minh thứ tự frame và thời gian

Lựa Chọn Frame

Chọn chính xác những frame nào để xuất với các điều khiển trực quan.

  • Nhấp vào các frame để bỏ chọn những frame không mong muốn
  • Chọn Tất Cả / Bỏ Chọn Tất Cả cho các hoạt động hàng loạt
  • Chỉ các frame đã chọn được đưa vào ZIP
  • Dễ dàng bỏ qua các frame trống hoặc trùng lặp

Nhiều Tùy Chọn Xuất

Xuất frame ở định dạng ưa thích của bạn với các tùy chọn tải xuống linh hoạt.

  • Định dạng PNG (bảo toàn độ trong suốt)
  • Định dạng JPG (chất lượng có thể điều chỉnh)
  • Tải xuống các frame riêng lẻ
  • Kho lưu trữ ZIP cho tải xuống hàng loạt

Dữ Liệu Của Bạn Luôn Riêng Tư

Tất cả xử lý diễn ra hoàn toàn trong trình duyệt của bạn để bảo mật tối đa.

  • Không tải lên - hình ảnh không bao giờ rời khỏi thiết bị của bạn
  • Không theo dõi hoặc thu thập dữ liệu
  • Hoạt động hoàn toàn ngoại tuyến
  • Xử lý 100% phía máy khách

Các Câu Hỏi Thường Gặp

Những định dạng hình ảnh nào được hỗ trợ?

Bạn có thể tải lên sprite sheet ở định dạng PNG, JPG và WebP. Để xuất, chọn giữa:

  • PNG - Được khuyến nghị cho các sprite có độ trong suốt (bảo toàn các kênh alpha)
  • JPG - Kích thước tệp nhỏ hơn với chất lượng có thể điều chỉnh (không hỗ trợ độ trong suốt)

Sự khác biệt giữa chế độ "Theo Số Lượng" và "Theo Kích Thước" là gì?

Theo Số Lượng chia sprite sheet thành số cột và hàng được chỉ định, tự động tính toán kích thước frame. Điều này lý tưởng khi bạn biết bố cục lưới (ví dụ: 8 cột x 4 hàng).

Theo Kích Thước cho phép bạn chỉ định kích thước pixel chính xác của mỗi frame (ví dụ: 32×32 hoặc 64×64), và công cụ sẽ tìm ra có bao nhiêu frame phù hợp trong sheet. Điều này hoạt động tốt nhất khi bạn biết kích thước frame chính xác.

Offset và Khoảng Cách là gì?

Offset đặt vị trí bắt đầu từ góc trên cùng bên trái của hình ảnh. Điều này hữu ích khi sprite sheet có lề ngoài hoặc đường viền nên được loại trừ khỏi lưới.

Khoảng Cách thêm khoảng cách giữa các frame, cho các sheet nơi các sprite được tách biệt bằng các pixel trống hoặc padding. Điều này đảm bảo các frame được cắt ở các ranh giới chính xác.

Ví dụ: Nếu sprite sheet của bạn có lề 10px xung quanh các cạnh, hãy đặt Offset X và Y thành 10. Nếu có khoảng cách 2px giữa mỗi sprite, hãy đặt Khoảng Cách thành 2.

Tôi có thể bỏ qua các frame trống không?

Có. Sau khi trích xuất các frame, nhấp vào bất kỳ frame nào không mong muốn trong lưới kết quả để bỏ chọn nó. Các frame bỏ chọn sẽ xuất hiện mờ và bị loại trừ khỏi tải xuống ZIP.

Bạn cũng có thể sử dụng các nút Chọn Tất CảBỏ Chọn Tất Cả cho các hoạt động hàng loạt nhanh chóng.

Có giới hạn kích thước không?

Vì tất cả xử lý diễn ra trong trình duyệt của bạn, nên không có giới hạn kích thước tải lên. Tuy nhiên, các hình ảnh rất lớn (ví dụ: 8000×8000 pixel hoặc lớn hơn) có thể xử lý chậm hơn tùy thuộc vào hiệu suất thiết bị của bạn và bộ nhớ khả dụng.

Mẹo hiệu suất: Để có kết quả tốt nhất, sử dụng sprite sheet dưới 4000×4000 pixel. Các sheet lớn hơn hoạt động nhưng có thể mất nhiều thời gian hơn để xử lý.

Hình ảnh của tôi có được tải lên máy chủ không?

Không. Mọi thứ chạy hoàn toàn trong trình duyệt của bạn bằng JavaScript phía máy khách. Hình ảnh của bạn không bao giờ được gửi đến bất kỳ máy chủ nào, đảm bảo quyền riêng tư và bảo mật hoàn toàn.

  • Không có dữ liệu nào rời khỏi thiết bị của bạn
  • Không theo dõi hoặc phân tích trên hình ảnh của bạn
  • Hoạt động ngoại tuyến sau khi tải trang ban đầu
  • 100% riêng tư và an toàn

Thả sprite sheet vào đây hoặc nhấp để tải lên

PNG, JPG, WebP

Sử dụng chế độ Theo Kích Thước khi bạn biết kích thước pixel chính xác của mỗi frame
Sử dụng chế độ Theo Số Lượng khi bạn biết số cột và hàng
Điều chỉnh OffsetKhoảng Cách trong cài đặt Nâng Cao cho sprite sheet có lề giữa các frame
Nhấp vào các frame trong lưới kết quả để bỏ chọn các frame trống trước khi tải xuống
Sử dụng Xem Trước Hoạt Ảnh để xác minh các frame được cắt chính xác trước khi xuất
Sử dụng Phóng To để kiểm tra chi tiết các sprite pixel art nhỏ
Tất cả xử lý diễn ra trong trình duyệt của bạn - không có tệp nào được tải lên
Muốn biết thêm? Đọc tài liệu →
1/8
Không tìm thấy? Tự tạo công cụ với AI
Bắt đầu gõ để tìm kiếm...
Đang tìm kiếm...
Không tìm thấy kết quả
Hãy thử tìm với từ khóa khác