Chuyển ảnh sang PDF
Gộp JPG, PNG và các ảnh khác thành một PDF. Chọn A4, Letter hoặc cỡ ảnh, đặt lề và hướng giấy, rồi kiểm tra tài liệu hoàn chỉnh.
Tạo bảng sprite
Sắp xếp ảnh · Khoảng cách · CSS và tọa độ
Ảnh luôn ở trên thiết bị của bạn
Tệp
0 · 0 ảnh đã chọn
Chưa chọn ảnh.
Thả ảnh hoặc tệp ZIP vào đây
Bạn cũng có thể dán ảnh hoặc chọn nhiều ảnh cùng lúc.
JPEG · PNG · WEBP · AVIF
Thiết lập
Thiết lập nâng cao
Thiết lập xuất ảnh
Căn khung ảnh giấy tờNhận diện trên thiết bị chỉ gợi ý khung cắt; bạn vẫn có thể chỉnh trước khi xuất.
Khung của ảnh này chưa được xác nhận.
Nền ảnh giấy tờTách chân dung tùy chọn ngay trên thiết bị; ảnh gốc không được gửi đi.
Kích thước
Kích thước có sẵnKích thước phổ biến trên các nền tảng
Chọn một hoặc nhiều kích thước; mỗi ảnh sẽ được xuất theo tất cả lựa chọn.
Vùng an toàn của biểu tượng
Một bố cục sẽ tạo favicon, biểu tượng PWA, các cỡ ứng dụng phổ biến và tệp manifest.
Vùng cắtKéo khung để đổi vị trí hoặc kích thước
Xoay0°
Chất lượng
Khoảng trống từng cạnhpx
Phóng lớn ảnhReal-ESRGAN · 2×
Chọn màu từ ảnh
Phạm vi khung hìnhĐể trống khung cuối để xử lý đến hết.
Base64 làm tăng dung lượng dữ liệu. Kích thước đầu vào được giới hạn để bảo vệ bộ nhớ trình duyệt.
Giới thiệu công cụ
Tập hợp biểu tượng hoặc tài nguyên trò chơi nhỏ vào một hình rồi truy cập từng vùng theo tọa độ. Ô lưới theo kích thước ảnh lớn nhất nên ảnh nhỏ có thể để lại khoảng trống.
Cách sử dụng
Tạo bảng sprite
Công cụ này dùng để làm gì
Gộp ảnh vào lưới PNG với số cột và khoảng cách. Giữ kích thước nguồn, xuất tọa độ JSON cùng vị trí nền CSS.
Cách sử dụng
Sắp xếp ảnh rồi đặt số cột và khoảng cách. Mỗi ảnh giữ nguyên kích thước ở góc trên trái của ô tính theo ảnh lớn nhất. Gói xuất gồm ảnh ghép, tọa độ JSON và vị trí CSS.
Kết quả và bước xử lý tiếp theo
Ảnh chính đi cùng tọa độ, manifest hoặc mã hỗ trợ. Tải ZIP đầy đủ để giữ quan hệ.
Quyền riêng tư và xử lý cục bộ
Quá trình xử lý diễn ra trong trình duyệt. Công cụ không tải ảnh gốc lên máy chủ.
Câu hỏi thường gặp
Ảnh khác kích thước có bị kéo giãn cho bằng nhau không?
Không. Ảnh giữ cỡ gốc ở góc trên trái của ô có kích thước theo nguồn lớn nhất, nên có thể còn chỗ trống. Đầu ra gồm PNG, tọa độ JSON và vị trí CSS. Đây là lưới, không phải xếp khít có cắt mép trong suốt.
Vì sao CSS đã xuất chưa tự hiển thị được các sprite?
CSS cung cấp kích thước và vị trí nền của từng ảnh nhỏ. Bạn còn cần đặt đường dẫn background-image đến sprite sheet và cách hiển thị phần tử phù hợp trong trang. PNG, JSON và CSS phải cùng một lần xuất; khi đổi số cột hoặc khoảng cách, thay cả bộ.
Làm sao tránh tọa độ lệch sau khi xuất lại sprite sheet?
Chốt thứ tự ảnh trong danh sách trước khi đặt số cột và khoảng cách. Mỗi vị trí được đánh số theo thứ tự hiện tại; thêm, xóa hoặc di chuyển ảnh có thể đổi tọa độ các ảnh phía sau. Không ghép tệp ánh xạ cũ với sprite sheet mới.
Công cụ liên quan
Mở trong thẻ mới
Bình luận
0