Công cụ cắt ảnh theo lưới

Cắt một ảnh thành lưới N×M ô ngay trong trình duyệt của bạn.

Đang tải công cụ…

Công cụ cắt ảnh theo lướiThả một ảnh vào và cắt nó thành lưới N×M ô đều nhau bằng HTML canvas. Chọn số hàng và số cột bạn muốn, xem trước từng ô, rồi tải tất cả cùng lúc dưới dạng ZIP (tạo bằng fflate) hoặc lấy một ô duy nhất. Mọi thứ chạy cục bộ trong trình duyệt của bạn, nên ảnh của bạn không bao giờ bị tải lên.

Công cụ cắt ảnh theo lưới là gì?

Công cụ cắt ảnh theo lưới là một công cụ miễn phí chạy trong trình duyệt, chia một ảnh thành lưới các ô bằng nhau. Đặt số hàng và số cột, công cụ sẽ chia ảnh thành hàng × cột phần có kích thước bằng nhau, được đánh số từ trái sang phải và từ trên xuống dưới. Nó hữu ích để tạo carousel Instagram hoặc mạng xã hội từ một ảnh rộng duy nhất, cắt một sprite sheet hoặc texture atlas thành các khung riêng lẻ, tạo trò chơi ghép hình, hoặc chia một ảnh chụp màn hình lớn thành các phần nhỏ hơn. Nó hoạt động với mọi ảnh mà trình duyệt của bạn có thể mở (PNG, JPEG, WebP và nhiều hơn nữa), hiển thị bản xem trước trực tiếp của từng ô, và cho phép bạn tải toàn bộ bộ ảnh dưới dạng ZIP hoặc lưu từng ô một.

Cách sử dụng Công cụ cắt ảnh theo lưới

  1. Kéo và thả một ảnh vào vùng thả, hoặc nhấp vào đó để chọn một tệp (PNG, JPEG, WebP, hoặc bất kỳ ảnh nào mà trình duyệt của bạn có thể mở).
  2. Đặt số Hàng và số Cột cho lưới; công cụ tự động cắt ảnh thành hàng × cột ô bằng nhau ngay khi bạn thay đổi một giá trị.
  3. Xem lại số lượng ô và từng ô trong lưới xem trước — nhấp vào bất kỳ ảnh thu nhỏ của ô nào để mở nó trong hộp đèn phóng to.
  4. Nhấp 'Tải ZIP' để lưu mọi ô trong một tệp nén, được đặt tên theo thứ tự hàng-cột.
  5. Hoặc nhấp 'Tải ô đầu tiên' để lưu một ô duy nhất, hữu ích khi bạn chỉ cần một mảnh.

Ví dụ

Tạo carousel Instagram 3 ô

Thả một banner rộng 3240×1080, đặt Hàng là 1 và Cột là 3, công cụ sẽ tạo ra ba ô vuông 1080×1080. Tải ZIP để đăng chúng dưới dạng carousel vuốt liền mạch.

Cắt một sprite sheet thành các khung

Tải một sprite sheet nhân vật 4×4, đặt cả Hàng và Cột là 4, và nhận được 16 khung được cắt đều nhau. Tải ZIP để dùng từng khung riêng biệt trong một trò chơi hoặc hoạt ảnh.

Chia một ảnh chụp màn hình cao

Thả một ảnh chụp màn hình dài, đặt Hàng là 4 và Cột là 1, ảnh sẽ được cắt thành bốn phần xếp chồng mà bạn có thể chia sẻ hoặc đính kèm từng phần một.

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

Ảnh của tôi có được tải lên máy chủ không?
Không. Việc cắt chạy 100% phía máy khách trong trình duyệt của bạn bằng HTML canvas, và ZIP được đóng gói cục bộ bằng fflate. Ảnh của bạn được đọc và xử lý trên thiết bị của bạn và không bao giờ bị tải lên, nên nó luôn riêng tư.
Tôi có thể cắt những định dạng ảnh nào?
Bất kỳ ảnh nào mà trình duyệt của bạn có thể mở (vùng thả chấp nhận image/*), bao gồm PNG, JPEG và WebP. Các ô được xuất dưới dạng PNG để giữ cho mỗi mảnh sắc nét và không mất dữ liệu.
Các ô được xác định kích thước và đánh số như thế nào?
Ảnh được chia thành hàng × cột ô bằng nhau. Hàng và cột cuối cùng hấp thụ các pixel còn dư nên không có gì bị mất. Các ô được đánh số từ trái sang phải và từ trên xuống dưới (hàng 1, cột 1 trước tiên).
Làm thế nào để tải tất cả các ô cùng một lúc?
Nhấp 'Tải ZIP' để nhận mọi ô trong một tệp nén duy nhất được đóng gói bằng fflate. Các tệp được đặt tên theo hàng và cột để chúng sắp xếp đúng thứ tự. Bạn cũng có thể dùng 'Tải ô đầu tiên' chỉ để lấy một mảnh.
Có giới hạn về kích thước lưới hoặc kích thước ảnh không?
Công cụ không đặt giới hạn cố định nào. Hàng và cột phải ít nhất là 1, và những ảnh hoặc lưới rất lớn chỉ bị giới hạn bởi bộ nhớ khả dụng của trình duyệt và thiết bị của bạn, vì mọi xử lý đều diễn ra cục bộ.

Công cụ liên quan