Lewati ke konten utama
iotools.cloudiotools.cloud

GIF ke Sprite Sheet

Server-processed

Tata setiap frame dari GIF animasi ke dalam satu gambar sprite sheet — pilih kolom grid, spasi, skala frame dan latar belakang, lalu unduh sebagai PNG.

Input

Drop a file or browse
One file · GIF

GIF animasi. Setiap frame didekode dan ditata di atas lembar — ini menggunakan satu kredit per jalankan.

Biarkan kosong untuk tata letak grid otomatis yang hampir persegi.

1 menyertakan setiap frame. Nilai yang lebih tinggi menipis animasi untuk membuat lembar lebih kecil.

Mengubah ukuran setiap frame sebelum pengemasan. 100% mempertahankan ukuran frame GIF sumber.

Mengisi celah apa pun antara ubin, dan menunjukkan melalui piksel transparan frame itu sendiri.

Output

GIF Terunggah

Result will appear here.

Sprite Sheet

Result will appear here.

Apakah ini membantu?

Panduan

Mesin game, animasi sprite CSS, dan atlas tekstur tidak memutar GIF animasi — mereka membaca satu sprite sheet: satu gambar datar dengan setiap frame animasi disusun dalam grid, dilangkahi dengan menggeser viewport (offset background-position di CSS, persegi frame di mesin game). Alat ini mendekode GIF yang diunggah frame demi frame dan menata semuanya di atas satu PNG yang dapat diunduh.

Cara menggunakannya

  1. Unggah GIF animasi.
  2. Atur kolom untuk grid, atau biarkan kosong untuk tata letak grid otomatis yang hampir persegi.
  3. Secara opsional tipis animasi dengan Sertakan setiap frame ke-N — berguna untuk GIF panjang di mana setiap frame tidak diperlukan untuk sprite yang terlihat lancar.
  4. Sesuaikan skala frame untuk mengecilkan atau memperbesar setiap ubin, spasi untuk menambahkan celah di antara mereka, dan pilih latar belakang — transparan (default), putih, atau hitam.
  5. Klik Buat Sprite Sheet dan unduh PNG.

Cara frame dirender

Frame GIF bukan hanya gambar bertumpuk — masing-masing dapat menggambar ulang hanya sebagian kanvas dan menentukan apa yang terjadi pada piksel di bawahnya setelah selesai (biarkan, hapus, atau pulihkan apa yang ada sebelumnya). Alat ini memutar perilaku pembuangan per-frame itu dengan tepat, jadi setiap ubin di lembar cocok dengan apa yang sebenarnya Anda lihat saat memainkan GIF, bukan hanya data frame mentahnya sendiri yang mungkin parsial.

Privasi

GIF yang diunggah didekode dan dikomposis di server kami, lalu dibuang — tidak ada yang disimpan, dan ini menggunakan satu kredit per jalankan.

Bagaimana jika GIF saya memiliki ratusan frame?

Sprite sheet menjadi sulit dikelola melampaui beberapa ratus ubin. Gunakan Sertakan setiap frame ke-N untuk menipis animasi terlebih dahulu, atau pisahkan GIF dengan ekstraksi frame jika Anda hanya memerlukan subset. Jumlah frame lembar juga dibatasi pada 400 sebagai batas masuk akal.

Saya perlu memotong atau mengubah ukuran GIF sebelum mengubahnya menjadi lembar

Jalankan terlebih dahulu melalui GIF Editor — ubah ukuran, pangkas, atau lepaskan frame di sana, lalu masukkan hasilnya ke alat ini. Untuk sprite sheet ikon SVG bukan GIF animasi, lihat SVG Sprite Sheet Generator.

gif to sprite sheetsprite sheet generatorsprite sheet makergif frames to imagetexture atlasgame dev toolsanimation framescss sprite generatortile sheet

Use it from code

From 3 credits per call

REST API

curl -X POST https://api.iotools.cloud/v1/tool/gif-to-sprite-sheet \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "file": "<file>"
  }'

Swap in your own key from your account. The tool's fields are the body — no wrapper.

Ask an AI agent

Use the IOTools `gif-to-sprite-sheet` tool (GIF to Sprite Sheet) on this input:

YOUR_INPUT_HERE

Paste this at any agent connected to the IOTools MCP server, then add your input.

Suka alat-alatnya? Hilangkan iklannya.

Satu kali pembayaran menghapus semua iklan dari akun Anda, selamanya. Tanpa langganan, tanpa pelacakan.

Hapus iklan