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.
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.
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
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.
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.
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 letak | Kegunaan | Hal yang perlu diperiksa |
|---|---|---|
| Kisi | Beberapa baris frame dalam satu gambar. | Otomatis menentukan kolom untuk Anda; Tentukan kolom memungkinkan pilihan 1–240 kolom. |
| Baris horizontal | Satu baris frame, juga disebut sprite strip. | Animasi panjang dapat menghasilkan PNG yang sangat lebar. |
| Kolom vertikal | Semua 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
| Pemeriksaan | Batas |
|---|---|
| Berkas masukan | Satu GIF, maksimal 25 MB |
| Frame sumber | Maksimal 240 |
| Total piksel seluruh frame sumber | Maksimal 60 juta: lebar × tinggi × jumlah frame |
| Dimensi PNG | Maksimal 8192 piksel pada setiap sisi |
| Jumlah piksel PNG | Maksimal 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
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.