ImgConvert

Konverter GIF ke Sprite Sheet

Susun satu GIF menjadi sprite sheet PNG transparan. Pilih kisi atau strip, atur jarak dan skala frame, lalu lihat pratinjau dan unduh gambarnya.

Pilih satu GIF hingga 25 MB. File langsung diunggah setelah dipilih.

0 px
100%

GIF ke sprite sheet: susun frame animasi dalam satu PNG

Konverter GIF ke sprite sheet online ini menyusun frame animasi yang utuh menjadi satu PNG transparan. Pilih kisi, baris horizontal, atau kolom vertikal, lalu atur jarak dan skala frame. Hasilnya berupa gambar diam yang dapat dipotong menjadi sel di proyek Anda.

Gunakan GIF yang sudah tersimpan dan berisi frame yang ingin Anda pakai kembali. Sprite sheet, yang juga ditulis spritesheet, menempatkan setiap frame dalam sel berukuran sama. Urutan aslinya tetap dipertahankan, termasuk frame berulang yang tersimpan dalam animasi.

Cara mengubah GIF menjadi sprite sheet

1

Pilih dan unggah satu GIF

Pilih GIF dari perangkat Anda dengan ukuran maksimal 25 MB. File langsung diunggah saat dipilih. Tunggu hingga unggahan selesai sebelum membuat gambar.

2

Atur susunan dan ukuran frame

Pilih Kisi, Baris horizontal, atau Kolom vertikal. Untuk kisi, gunakan Otomatis atau Tentukan kolom. Geser pengatur jarak dan skala jika proyek Anda memerlukan ukuran yang berbeda.

3

Buat, lihat pratinjau, dan unduh PNG

Tekan Buat sprite sheet untuk mengirim tugas konversi ke server kami. Setelah selesai, periksa pratinjau lalu unduh PNG. Anda dapat mengubah pengaturan dan mengonversi GIF yang sudah diunggah sekali lagi.

Pilih kisi, baris horizontal, atau kolom vertikal

Susunan frame menentukan bentuk gambar akhir. Sesuaikan tata letaknya dengan cara Anda memotong sel serta batas ukuran tekstur pada proyek tujuan.

Tata letakKegunaanHal yang perlu diperiksa
KisiBeberapa baris frame dalam satu gambar.Otomatis menentukan kolom untuk Anda; Tentukan kolom memungkinkan pilihan 1–240 kolom.
Baris horizontalSatu baris frame, juga disebut sprite strip.Animasi panjang dapat menghasilkan PNG yang sangat lebar.
Kolom vertikalSemua frame tersusun dalam satu kolom.Periksa tinggi gambar sebelum mengimpornya ke proyek.

Dalam kisi, frame diurutkan dari kiri ke kanan, lalu dari atas ke bawah. Semua tata letak mempertahankan urutan yang sama; mengganti susunan tidak menghapus frame.

Atur sprite sheet sesuai kebutuhan proyek

Kolom otomatis atau jumlah tertentu

Mode Otomatis menggunakan jumlah dan dimensi frame untuk menentukan kisi. Pilih Tentukan kolom jika Anda membutuhkan jumlah sel tertentu pada setiap baris.

Sebagai contoh, delapan frame berukuran 64 × 64 dengan tiga kolom, jarak 2 px, dan skala 100% menghasilkan PNG 196 × 196. Satu sel tetap kosong dan transparan.

Jarak antarframe

Jarak dapat diatur dari 0 sampai 32 piksel. Nilai awalnya 0, sehingga sel yang bersebelahan saling menempel. Nilai lebih besar menambahkan celah transparan di antaranya.

Pengaturan ini tidak menambahkan margin di tepi luar gambar. Saat memotong PNG di aplikasi lain, gunakan jarak yang sama agar setiap potongan memuat satu frame lengkap, bukan sebagian frame di sebelahnya.

Skala frame dari 50% sampai 200%

Penggeser skala mengubah lebar dan tinggi setiap frame. Pilih persentase bilangan bulat antara 50% dan 200%. Nilai 100% mempertahankan dimensi sumber.

Perubahan ukuran memakai metode nearest-neighbor. Tepi piksel tetap tegas tanpa penghalusan, tetapi pengecilan dapat membuang detail. Pembesaran juga tidak dapat mengembalikan detail yang memang tidak ada.

Apa yang berubah saat GIF dijadikan sprite sheet?

GIF dapat menyimpan bagian kecil yang berubah alih-alih gambar lengkap pada setiap frame. Konverter ini menyusun kembali frame secara utuh sebelum menempatkannya dalam sel berukuran sama. Piksel transparan tetap transparan, sedangkan latar yang tidak transparan tetap menjadi bagian gambar.

Setiap frame yang tersimpan dimasukkan satu kali, termasuk frame duplikat. Hasilnya tidak memuat pemutaran animasi atau data durasi frame. Untuk menghilangkan tepi yang tidak diperlukan, gunakan Pemotong GIF, lalu kembali dengan animasi yang sudah disesuaikan.

Gunakan sprite sheet dalam alur kerja animasi Anda

Generator sprite sheet ini menggunakan GIF sebagai sumbernya. Impor PNG ke editor atau game engine, kemudian atur dimensi sel dan jaraknya di sana. Periksa batas ukuran tekstur tujuan; alat ini tidak mengekspor berkas proyek atau atlas khusus untuk suatu engine.

Lihat panduan image sprite MDN untuk contoh pengaturan posisi dengan CSS. Jika Anda memerlukan berkas yang langsung diputar melalui pemutar video, gunakan GIF ke Video.

Batas ukuran GIF dan sprite sheet

PemeriksaanBatas
Berkas masukanSatu GIF, maksimal 25 MB
Frame sumberMaksimal 240
Total piksel seluruh frame sumberMaksimal 60 juta: lebar × tinggi × jumlah frame
Dimensi PNGMaksimal 8192 piksel pada setiap sisi
Jumlah piksel PNGMaksimal 60 juta: lebar keluaran × tinggi keluaran

Semua batas berlaku bersamaan. GIF dengan ukuran berkas kecil tetap dapat menghasilkan banyak piksel saat dibaca. Coba kisi, ubah jumlah kolom, atau kecilkan skala frame jika keluaran melampaui batas.

Pertanyaan tentang GIF dan sprite sheet

Ya. Pembuat sprite sheet ini menerima satu GIF dalam setiap konversi tanpa perlu akun. Alat ini tidak menambahkan watermark pada PNG. Watermark yang sudah terlihat pada animasi sumber tetap menjadi bagian gambar.

PNG merupakan gambar diam yang memuat kumpulan frame. Berkas ini tidak menyimpan jeda pemutaran atau pengaturan pengulangan GIF. Setelah gambar dipotong menjadi sel, atur durasi animasinya di perangkat lunak Anda.

Ya. Transparansi yang sudah ada tetap dipertahankan, begitu juga celah dan sel yang tidak terpakai. Konversi ini tidak menghapus latar yang tidak transparan. Periksa tepinya pada pratinjau, terutama jika animasi akan ditempatkan di atas latar lain.

Kisi memakai baris lengkap dengan sel berukuran sama. Jika jumlah frame tidak memenuhi baris terakhir, posisi sisanya tetap transparan. Bagian tersebut adalah ruang kosong, bukan frame tambahan yang perlu dimasukkan ke animasi.

Konverter mempertahankan setiap frame yang tersimpan dalam GIF dan tidak menghapus duplikat. Gambar yang berulang mungkin memang menjadi bagian animasi sumber. Jumlah sel yang terisi mengikuti jumlah frame yang tersimpan.

Halaman ini menggabungkan frame menjadi satu PNG. Untuk mendapatkan urutan gambar terpisah yang diberi nomor dalam berkas ZIP, gunakan Ekstraktor Frame GIF. Hasil tersebut cocok jika setiap frame ingin diedit sendiri.

Gunakan PNG sebagai gambar sumber dalam alur kerja yang mendukung pemotongan gambar berdasarkan kisi dengan sel berukuran sama. Atur sendiri ukuran sel, jarak, dan pemutarannya. Unduhan hanya berisi PNG, jadi periksa pengaturan impor yang dibutuhkan engine atau kode Anda.

GIF dan PNG memakai pengodean gambar yang berbeda, dan keluaran menempatkan setiap frame lengkap pada satu kanvas. Celah transparan dan sel kosong juga menambah dimensi. Skala yang lebih kecil dapat mengurangi dimensi, tetapi ukuran berkas yang lebih kecil tidak dijamin.

Ubah GIF Anda menjadi sprite sheet

Pilih GIF, atur susunan frame lengkapnya, lalu unduh satu PNG transparan untuk proyek Anda.