Có. Công cụ nhận một GIF cho mỗi lần chuyển đổi và không yêu cầu tài khoản. PNG không bị thêm hình mờ. Nếu hình mờ đã có trong ảnh động nguồn, nó vẫn là một phần của hình.
Chuyển GIF sang sprite sheet
Đổi một GIF thành sprite sheet PNG trong suốt. Chọn lưới hoặc dải, chỉnh khoảng cách và tỉ lệ thu phóng từng khung hình, rồi xem trước và tải ảnh xuống.
Chuyển GIF sang sprite sheet: ghép các khung hình thành một PNG
Công cụ chuyển GIF sang sprite sheet trực tuyến này xếp các khung hình đầy đủ của ảnh động vào một PNG trong suốt. Chọn lưới, dải ngang hoặc dải dọc, rồi điều chỉnh khoảng cách và tỉ lệ thu phóng. Kết quả là ảnh tĩnh mà bạn có thể cắt thành các ô trong dự án.
Hãy bắt đầu bằng một GIF đã lưu có các khung hình bạn muốn dùng lại. Sprite sheet, cũng được viết là spritesheet, dành một ô có cùng kích thước cho mỗi khung hình. Thứ tự gốc được giữ nguyên, kể cả các khung hình lặp đã lưu trong ảnh động.
Cách chuyển GIF thành sprite sheet
1
Chọn và tải lên một GIF
Chọn GIF trên thiết bị có dung lượng tối đa 25 MB. Tệp bắt đầu tải lên ngay khi được chọn. Chờ tải lên xong trước khi tạo ảnh.
2
Đặt bố cục và kích thước khung hình
Chọn Lưới, Dải ngang hoặc Dải dọc. Với lưới, dùng Tự động hoặc Chỉ định số cột. Điều chỉnh thanh khoảng cách và thu phóng nếu dự án cần kích thước khác.
3
Tạo, xem trước và tải PNG xuống
Nhấn Tạo sprite sheet để gửi tác vụ chuyển đổi đến máy chủ của chúng tôi. Khi hoàn tất, kiểm tra bản xem trước rồi tải PNG. Bạn có thể thay đổi thiết lập và chuyển đổi lại GIF đã tải lên.
Chọn lưới, dải ngang hoặc dải dọc
Bố cục quyết định hình dạng của ảnh đầu ra. Chọn cách sắp xếp phù hợp với quy trình cắt ô và giới hạn kích thước texture của dự án.
| Bố cục | Phù hợp khi | Điểm cần kiểm tra |
|---|---|---|
| Lưới | Xếp nhiều hàng khung hình trong một ảnh. | Tự động chọn số cột; Chỉ định số cột cho phép đặt từ 1 đến 240 cột. |
| Dải ngang | Một hàng duy nhất, còn gọi là sprite strip. | Ảnh động dài có thể tạo ra PNG rất rộng. |
| Dải dọc | Toàn bộ khung hình nằm trong một cột. | Kiểm tra chiều cao ảnh trước khi nhập vào dự án. |
Trong lưới, các khung hình đi từ trái sang phải, rồi từ trên xuống dưới. Mọi bố cục đều giữ cùng thứ tự; thay đổi cách xếp không loại bỏ khung hình.
Sắp xếp sprite sheet theo nhu cầu dự án
Số cột tự động hoặc được chỉ định
Chế độ Tự động chọn lưới dựa trên số lượng và kích thước khung hình. Chọn Chỉ định số cột khi bạn cần một số ô cụ thể trên mỗi hàng.
Ví dụ, tám khung hình 64 × 64 xếp thành ba cột, cách nhau 2 px ở tỉ lệ 100%, tạo PNG 196 × 196. Một ô còn lại sẽ trống và trong suốt.
Khoảng cách giữa các khung hình
Khoảng cách có thể đặt từ 0 đến 32 pixel. Mặc định là 0 nên các ô liền kề chạm nhau. Giá trị lớn hơn tạo ra khe trong suốt giữa các ô.
Thiết lập này không thêm lề quanh ảnh. Khi cắt PNG bằng phần mềm khác, hãy dùng cùng khoảng cách để mỗi vùng cắt chứa trọn một khung hình, không lấy sang một phần ô bên cạnh.
Thu phóng khung hình từ 50% đến 200%
Thanh thu phóng thay đổi chiều rộng và chiều cao của từng khung hình. Bạn có thể chọn phần trăm nguyên từ 50% đến 200%. Mức 100% giữ kích thước nguồn.
Việc đổi kích thước dùng phương pháp nearest-neighbor, giữ cạnh pixel rõ thay vì làm mịn. Tuy nhiên, thu nhỏ có thể mất chi tiết, và phóng to không thể tạo lại những chi tiết vốn không có.
Điều gì thay đổi khi chuyển GIF thành sprite sheet?
GIF có thể chỉ lưu vùng nhỏ thay đổi thay vì ảnh đầy đủ ở mỗi khung hình. Công cụ này dựng lại các khung hình hoàn chỉnh trước khi đặt vào những ô có cùng kích thước. Điểm ảnh trong suốt được giữ nguyên; nền không trong suốt vẫn là một phần của hình.
Mỗi khung hình đã lưu xuất hiện một lần trong đầu ra, kể cả khung hình trùng lặp. PNG là ảnh tĩnh và không chứa dữ liệu thời lượng của từng khung hình. Để bỏ phần viền thừa trước khi chuyển đổi, dùng Cắt GIF, rồi quay lại với ảnh động đã chỉnh sửa.
Dùng sprite sheet trong quy trình tạo hoạt ảnh
Công cụ tạo sprite sheet này lấy GIF làm nguồn. Nhập PNG vào trình biên tập hoặc game engine, rồi đặt kích thước ô và khoảng cách ở đó. Kiểm tra giới hạn texture của phần mềm đích; công cụ không xuất dự án hoặc tệp atlas riêng cho từng engine.
Xem hướng dẫn image sprite của MDN để tham khảo cách đặt vị trí bằng CSS. Nếu cần tệp phát trực tiếp trong trình xem video, hãy dùng GIF sang video.
Giới hạn kích thước GIF và sprite sheet
| Mục kiểm tra | Giới hạn |
|---|---|
| Tệp đầu vào | Một GIF, tối đa 25 MB |
| Khung hình nguồn | Tối đa 240 |
| Tổng pixel các khung hình nguồn | Tối đa 60 triệu: chiều rộng × chiều cao × số khung hình |
| Kích thước PNG | Mỗi cạnh tối đa 8192 pixel |
| Tổng pixel PNG | Tối đa 60 triệu: chiều rộng đầu ra × chiều cao đầu ra |
Tất cả giới hạn phải được đáp ứng cùng lúc. GIF có dung lượng nhỏ vẫn có thể tạo ra nhiều điểm ảnh khi giải mã. Nếu đầu ra vượt giới hạn, hãy thử lưới, đổi số cột hoặc giảm tỉ lệ thu phóng.
Câu hỏi về GIF và sprite sheet
PNG là ảnh tĩnh chứa các khung hình. Nó không lưu thời gian chờ giữa các khung hình hay thiết lập lặp của GIF. Sau khi cắt ảnh thành các ô, bạn cần tự đặt thời gian phát trong phần mềm.
Có. Độ trong suốt có sẵn được giữ lại; khe giữa các khung hình và ô chưa dùng cũng trong suốt. Công cụ không xóa nền không trong suốt. Kiểm tra phần viền trong bản xem trước, nhất là khi đặt hoạt ảnh trên một nền khác.
Lưới gồm các hàng đầy đủ với ô cùng kích thước. Nếu số khung hình chưa lấp đầy hàng cuối, các vị trí còn lại giữ trong suốt. Đó là vùng trống, không phải khung hình bổ sung để đưa vào chuỗi phát.
Công cụ giữ mọi khung hình đã lưu trong GIF và không loại bỏ khung hình trùng. Các hình lặp có thể là một phần của ảnh động gốc. Số ô có nội dung tương ứng với số khung hình được lưu.
Trang này ghép các khung hình thành một PNG. Để lấy chuỗi ảnh riêng được đánh số trong ZIP, hãy dùng Tách khung hình GIF. Cách xuất đó phù hợp khi bạn muốn chỉnh từng khung hình.
Bạn có thể dùng PNG làm ảnh nguồn trong quy trình hỗ trợ cắt ảnh theo lưới có các ô bằng nhau. Tự đặt kích thước ô, khoảng cách và cách phát. Tệp tải xuống chỉ có PNG, nên hãy kiểm tra thiết lập nhập mà engine hoặc mã của bạn yêu cầu.
GIF và PNG mã hóa hình ảnh khác nhau, và đầu ra chứa mọi khung hình đầy đủ trên một canvas. Khe trong suốt và ô trống cũng làm tăng kích thước ảnh. Thu nhỏ có thể giảm chiều rộng, chiều cao nhưng không bảo đảm tệp sẽ nhẹ hơn.
Chuyển GIF của bạn thành sprite sheet
Chọn GIF, sắp xếp các khung hình đầy đủ và tải một PNG trong suốt cho dự án của bạn.