Kembali ke Beranda
Generator Lembar Sprite – Sprite CSS & Atlas Tekstur
Gabungkan beberapa gambar ke dalam satu lembar sprite dan dapatkan posisi latar belakang CSS yang tepat serta peta JSON gaya TexturePacker. Ideal untuk sprite CSS, ikon web, dan bingkai animasi game. Susun ulang, atur kolom dan padding, lalu unduh lembar beserta koordinatnya. Gratis, pribadi, dan 100% di browser Anda.
Unggah gambar untuk digabungkan
Format yang diterima: JPG, PNG, WEBP, BMP, GIF (non-animasi)
Tempel (Ctrl/⌘+V) atau seret gambar — atau impor dari URL
Gabungkan banyak gambar kecil menjadi satu lembar sprite untuk mempercepat situs atau game Anda. Image Machine mengemas ikon atau bingkai Anda menjadi satu gambar di browser — tanpa unggah, tanpa akun — sehingga Anda dapat menyajikannya dalam satu permintaan. Lembar dirakit di perangkat Anda dan aset Anda tetap pribadi.
Cara Kerjanya
Pilih alat
Pilih dari 120+ alat untuk mengubah ukuran, mengonversi, mengompres, atau menyempurnakan gambar Anda.
Unggah & edit
Seret dan lepas gambar Anda lalu sesuaikan pengaturannya. Gambar tetap berada di perangkat Anda.
Unduh
Simpan hasil Anda secara instan — tanpa watermark, tanpa perlu pendaftaran.
Mengapa Image Machine?
File Anda tidak pernah meninggalkan perangkat Anda
Semua pemrosesan berjalan secara lokal di browser Anda. Gambar Anda tidak pernah diunggah ke server.
Sepenuhnya gratis
Setiap alat gratis, tanpa batas, tanpa watermark, dan tanpa biaya tersembunyi.
Sangat cepat
Tanpa menunggu unggahan — gambar Anda diproses secara instan di perangkat Anda sendiri.
Kualitas profesional
Hasil yang sempurna hingga piksel dengan kontrol penuh atas format, ukuran, dan kualitas.
Pertanyaan yang Sering Diajukan
Untuk apa sprite sheet digunakan?
Sebuah sprite sheet menggabungkan banyak grafik kecil — ikon, tombol, atau frame animasi — menjadi satu gambar. Memuat satu file alih-alih puluhan akan mengurangi permintaan jaringan, yang mempercepat halaman web dan game.
Bagaimana cara menggunakan sprite sheet di situs web?
Tampilkan gambar gabungan dan geser posisinya dengan CSS background-position untuk hanya menampilkan ikon yang Anda butuhkan. Mesin animasi bekerja dengan cara yang sama, melangkah melalui frame yang dikemas dalam sheet.
Apakah menggabungkan gambar menurunkan kualitas?
Tidak — setiap gambar ditempatkan ke dalam sheet pada resolusi penuh. Ekspor sebagai PNG untuk menjaga semuanya tetap lossless dengan transparansi, yang merupakan pilihan standar untuk ikon dan sprite UI.