Bahasa
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
Pemotong Sprite Sheet

Pemotong Sprite Sheet

Potong sprite sheet menjadi frame individual dengan grid yang dapat disesuaikan, pratinjau animasi, dan ekspor batch ZIP.

Apa itu Pemotong Sprite Sheet?

Sprite sheet adalah satu file gambar yang berisi beberapa gambar yang lebih kecil (frame) yang disusun dalam grid. Pengembang game, seniman pixel, dan desainer web biasanya menggunakan sprite sheet untuk mengorganisir frame animasi, pose karakter, atau elemen UI secara efisien.

Cara kerjanya: Alat ini memungkinkan Anda dengan cepat membagi sprite sheet menjadi gambar frame individual. Cukup unggah sprite sheet Anda, konfigurasikan tata letak grid, pratinjau animasi, dan ekspor semua frame sekaligus.

Kapan Menggunakan Alat Ini

Pengembangan Game

Ekstrak frame animasi dari sprite sheet untuk digunakan di mesin game seperti Unity, Godot, atau GameMaker.

Pixel Art

Pisahkan sprite individual dari tileset atau character sheet untuk pengeditan dan organisasi.

Animasi Web

Uraikan sprite sheet CSS menjadi gambar individual untuk proyek web dan animasi.

Manajemen Aset

Organisir dan katalog sprite dari sheet besar untuk alur kerja proyek yang lebih baik.

Cara Menggunakan

1

Unggah Sprite Sheet Anda

Seret dan lepas gambar sprite sheet Anda ke area unggah, klik untuk menjelajahi file, atau tempel gambar dari clipboard Anda. Format yang didukung termasuk PNG, JPG, dan WebP.

Tip pro: Format PNG direkomendasikan untuk sprite dengan transparansi untuk mempertahankan saluran alfa.
2

Konfigurasikan Grid

Pilih salah satu dari dua mode grid berdasarkan tata letak sprite sheet Anda:

Berdasarkan Jumlah

Pembagian Berbasis Grid

  • Tentukan kolom dan baris
  • Secara otomatis menghitung ukuran frame
  • Terbaik untuk grid seragam
  • Contoh: 8 kolom × 4 baris
Berdasarkan Ukuran

Pembagian Berbasis Dimensi

  • Masukkan dimensi piksel yang tepat
  • Secara otomatis menghitung jumlah frame
  • Terbaik untuk ukuran frame yang diketahui
  • Contoh: 32×32 atau 64×64 piksel

Pengaturan Lanjutan

Jika sprite sheet Anda memiliki margin atau celah antar frame, klik Lanjutan untuk mengonfigurasi:

  • Offset - Posisi awal dari sudut kiri atas (berguna untuk margin luar)
  • Spacing - Celah antar frame (untuk sheet dengan padding antar sprite)
3

Pratinjau dan Verifikasi

Overlay grid diperbarui secara real-time saat Anda menyesuaikan pengaturan. Gunakan kontrol zoom untuk memeriksa sprite kecil dengan rendering piksel untuk pratinjau yang akurat.

Setelah mengklik Ekspor Frame, gunakan pratinjau animasi untuk memverifikasi frame dipotong dengan benar sebelum mengunduh.

4

Ekspor Frame Anda

Klik Ekspor Frame untuk mengekstrak semua frame. Anda dapat membatalkan pilihan frame yang tidak diinginkan dengan mengkliknya di grid hasil.

  • Unduh frame individual satu per satu
  • Gunakan Unduh ZIP untuk mendapatkan semua frame yang dipilih dalam satu arsip
  • Frame diberi nama secara berurutan untuk organisasi yang mudah

Fitur

Konfigurasi Grid Fleksibel

Dua mode grid mencakup semua tata letak sprite sheet dengan kontrol presisi.

  • Mode Berdasarkan Jumlah untuk dimensi grid yang diketahui
  • Mode Berdasarkan Ukuran untuk dimensi piksel yang tepat
  • Pengaturan offset dan spacing lanjutan
  • Menangani sheet dengan margin dan celah

Pratinjau Grid Real-Time

Lihat dengan tepat bagaimana sprite sheet Anda akan dibagi sebelum mengekspor.

  • Overlay grid langsung dengan penomoran frame
  • Kontrol zoom dengan rendering piksel
  • Umpan balik visual instan pada pengaturan
  • Sempurna untuk memeriksa pixel art kecil

Pratinjau Animasi

Pratinjau animasi sprite Anda langsung di browser.

  • Slider FPS yang dapat disesuaikan (1-60 FPS)
  • Kontrol Play, Pause, dan Stop
  • Tinjau urutan animasi sebelum ekspor
  • Verifikasi urutan dan waktu frame

Pemilihan Frame

Pilih dengan tepat frame mana yang akan diekspor dengan kontrol intuitif.

  • Klik frame untuk membatalkan pilihan yang tidak diinginkan
  • Pilih Semua / Batalkan Pilihan Semua untuk operasi batch
  • Hanya frame yang dipilih disertakan dalam ZIP
  • Lewati frame kosong atau duplikat dengan mudah

Opsi Ekspor Berganda

Ekspor frame dalam format pilihan Anda dengan opsi unduhan yang fleksibel.

  • Format PNG (mempertahankan transparansi)
  • Format JPG (kualitas yang dapat disesuaikan)
  • Unduhan frame individual
  • Arsip ZIP untuk unduhan batch

Data Anda Tetap Pribadi

Semua pemrosesan terjadi sepenuhnya di browser Anda untuk privasi maksimal.

  • Tidak ada unggahan - gambar tidak pernah meninggalkan perangkat Anda
  • Tidak ada pelacakan atau pengumpulan data
  • Bekerja sepenuhnya offline
  • Pemrosesan 100% sisi klien

Pertanyaan yang Sering Diajukan

Format gambar apa yang didukung?

Anda dapat mengunggah sprite sheet dalam format PNG, JPG, dan WebP. Untuk ekspor, pilih antara:

  • PNG - Direkomendasikan untuk sprite dengan transparansi (mempertahankan saluran alfa)
  • JPG - Ukuran file lebih kecil dengan kualitas yang dapat disesuaikan (tidak mendukung transparansi)

Apa perbedaan antara mode "Berdasarkan Jumlah" dan "Berdasarkan Ukuran"?

Berdasarkan Jumlah membagi sprite sheet menjadi jumlah kolom dan baris yang ditentukan, secara otomatis menghitung ukuran frame. Ini ideal ketika Anda mengetahui tata letak grid (misalnya, 8 kolom kali 4 baris).

Berdasarkan Ukuran memungkinkan Anda menentukan dimensi piksel yang tepat dari setiap frame (misalnya, 32×32 atau 64×64), dan alat mengetahui berapa banyak frame yang muat di sheet. Ini bekerja paling baik ketika Anda mengetahui dimensi frame yang tepat.

Apa itu Offset dan Spacing?

Offset menetapkan posisi awal dari sudut kiri atas gambar. Ini berguna ketika sprite sheet memiliki margin atau batas luar yang harus dikecualikan dari grid.

Spacing menambahkan celah antar frame, untuk sheet di mana sprite dipisahkan oleh piksel kosong atau padding. Ini memastikan frame dipotong pada batas yang benar.

Contoh: Jika sprite sheet Anda memiliki margin 10px di sekitar tepi, atur Offset X dan Y ke 10. Jika ada celah 2px antara setiap sprite, atur Spacing ke 2.

Bisakah saya melewati frame kosong?

Ya. Setelah mengekstrak frame, klik pada frame yang tidak diinginkan di grid hasil untuk membatalkan pilihannya. Frame yang tidak dipilih muncul redup dan dikecualikan dari unduhan ZIP.

Anda juga dapat menggunakan tombol Pilih Semua dan Batalkan Pilihan Semua untuk operasi batch cepat.

Apakah ada batasan ukuran?

Karena semua pemrosesan terjadi di browser Anda, tidak ada batasan ukuran unggahan. Namun, gambar yang sangat besar (misalnya, 8000×8000 piksel atau lebih besar) mungkin lebih lambat diproses tergantung pada kinerja perangkat Anda dan memori yang tersedia.

Tip kinerja: Untuk hasil terbaik, gunakan sprite sheet di bawah 4000×4000 piksel. Sheet yang lebih besar berfungsi tetapi mungkin memerlukan waktu lebih lama untuk diproses.

Apakah gambar saya diunggah ke server?

Tidak. Semuanya berjalan sepenuhnya di browser Anda menggunakan JavaScript sisi klien. Gambar Anda tidak pernah dikirim ke server mana pun, memastikan privasi dan keamanan lengkap.

  • Tidak ada data yang meninggalkan perangkat Anda
  • Tidak ada pelacakan atau analitik pada gambar Anda
  • Bekerja offline setelah pemuatan halaman awal
  • 100% pribadi dan aman

Seret sprite sheet di sini atau klik untuk unggah

PNG, JPG, WebP

Gunakan mode Berdasarkan Ukuran ketika Anda mengetahui dimensi piksel yang tepat dari setiap frame
Gunakan mode Berdasarkan Jumlah ketika Anda mengetahui jumlah kolom dan baris
Sesuaikan Offset dan Spacing di pengaturan Lanjutan untuk sprite sheet dengan margin antar frame
Klik pada frame di grid hasil untuk membatalkan pilihan frame kosong sebelum mengunduh
Gunakan Pratinjau Animasi untuk memverifikasi frame dipotong dengan benar sebelum mengekspor
Gunakan Zoom untuk memeriksa sprite pixel art kecil secara detail
Semua pemrosesan terjadi di browser Anda - tidak ada file yang diunggah
Ingin belajar lebih banyak? Baca dokumentasi →
1/8
Tidak menemukan? Buat alat sendiri dengan AI
Mulai ketik untuk mencari...
Mencari...
Tidak ada hasil yang ditemukan
Coba gunakan kata kunci yang berbeda