Apa itu sprite sheet GIF?

Sprite sheet menata semua frame dari GIF animasi sebagai kisi dalam satu gambar PNG, yang umum digunakan dalam pengembangan game dan animasi CSS.

Dalam format apa sprite sheet diekspor?

PNG. Format ini mempertahankan semua warna dan transparansi dari frame GIF asli.

Bagaimana cara saya mengontrol tata letak kisi?

Atur jumlah kolom. Jumlah baris dihitung secara otomatis berdasarkan jumlah frame total.

Bagaimana cara menggunakan sprite sheet dalam CSS?

Gunakan properti `background-position` dan `animation` untuk menelusuri frame. Setiap frame menempati piksel (lebar × kolom, tinggi × baris) dalam sprite.

Bisakah saya menggunakan sprite sheet dalam game?

Ya. Game engine seperti Phaser, Unity (2D), dan Godot semuanya mendukung sprite sheet untuk animasi frame-by-frame.

Berapa dimensi setiap frame dalam sprite sheet?

Setiap sel sama dengan dimensi GIF asli. Ukuran sprite sheet total adalah (lebarGIF × kolom) dengan (tinggiGIF × baris).

Apakah sprite sheet menyertakan transparansi?

Ya. PNG mendukung transparansi alfa penuh, sehingga area transparan dalam frame GIF dipertahankan.

Apakah GIF asli dimodifikasi?

Tidak. Sprite sheet adalah file PNG baru. GIF asli Anda dibaca tetapi tidak diubah.

Mengapa saya harus menggunakan sprite sheet daripada GIF?

Sprite sheet memungkinkan kontrol tepat atas animasi — Anda dapat menjeda, membalikkan, atau melompat ke frame tertentu menggunakan CSS atau JavaScript, tidak seperti GIF yang berputar otomatis.

Bisakah saya mengontrol urutan frame dalam sprite sheet?

Frame muncul dalam urutan yang sama seperti GIF asli. Gunakan Editor Frame untuk menyusun ulang frame sebelum membuat sprite sheet.

GIF ke Sprite

Ekspor frame GIF Anda sebagai satu PNG sprite sheet.

Jatuhkan GIF Anda di sini

Atau klik untuk menelusuri · Hanya GIF

Konversi GIF animasi menjadi sprite sheet — satu gambar yang berisi semua frame yang disusun dalam kisi. Ideal untuk animasi CSS, mesin game, dan ekspor frame-demi-frame.

Konfigurasikan jumlah kolom, dan GifStream menghitung tata letak kisi secara otomatis. Outputnya adalah PNG tunggal dengan dimensi frame yang konsisten dan dukungan latar belakang transparan.

Panduan: GIF ke Sprite

Kapan digunakan

Saat ingin mengubah GIF menjadi sprite sheet untuk pengembangan game.
Saat menyiapkan frame untuk animasi sprite CSS di situs web.
Saat ingin melihat semua frame animasi sekaligus.

Tips

Pilih jumlah kolom agar sheet mendekati persegi supaya mudah dipakai.
Output PNG mempertahankan semua warna dan transparansi.
Catat ukuran dan jumlah frame; Anda akan membutuhkannya untuk menganimasikan sheet.

Perlu diketahui

Butuh file frame terpisah? Gunakan Pemisah GIF.
Hapus dulu frame yang tidak diinginkan dengan Editor Frame.
Untuk mengatur ukuran sheet, kecilkan dulu GIF dengan Ubah Ukuran GIF.

Sprite Sheet GIF — FAQ

Last Updated: 14 Agustus 2026