Pembuat Sprite Sheet
Gabungkan banyak gambar menjadi satu sprite sheet dan dapatkan peta koordinat JSON bersamanya. Satu permintaan HTTP alih-alih lima puluh masih menjadi salah satu peningkatan performa front-end yang paling efektif. Gratis, tanpa akun, dan tanpa watermark tambahan pada hasil Anda.
Pembuat Sprite Sheet
Tambahkan file Anda. Pengaturan yang disarankan sudah siap, jadi Anda bisa memproses dengan sekali klik.
PDF, Word, gambar, audio, video, arsip, dan lainnya
Hingga 100 file · 250 MB · Tanpa akun- 1Tambahkan file
- 2Pilih tindakan
- 3Unduh atau lanjutkan
Kapan Anda memerlukannya
Cara kerjanya
Gambar disusun dalam satu lembar transparan berbentuk kisi, dengan padding opsional di antaranya agar lembar yang diperbesar, atau filter tekstur mesin game, tidak membuat tepi satu sprite bocor ke sprite berikutnya. Bersama PNG disertakan peta JSON berisi file, posisi, dan ukuran setiap sprite, serta file CSS dengan satu kelas per sprite yang mengatur ukuran dan posisi latarnya, siap dipakai di halaman web.
Pertanyaan umum
Untuk apa peta JSON?
Peta itu memberi x, y, lebar, dan tinggi setiap gambar yang dikemas, yang Anda butuhkan untuk background-position di CSS atau atlas loader di game engine.
Apakah transparansi dipertahankan?
Ya. Sheet diekspor sebagai PNG dan transparansi gambar sumber ikut terbawa.
Apakah ini masih penting dengan HTTP/2?
Tidak sepenting dulu, tetapi tetap mengurangi beban permintaan dan menjadi praktik standar untuk texture atlas game.
Apakah ada CSS yang bisa langsung dipakai?
Ada. Unduhan menyertakan sprite-sheet.css, dengan kelas .sprite untuk lembarnya dan kelas .sprite-nama untuk setiap gambar yang mengatur lebar, tinggi, dan posisi latarnya.
Untuk apa padding?
Saat lembar diperbesar, atau mesin game memfilter teksturnya, piksel dari sprite di sebelahnya bisa bocor ke tepi sprite yang ditampilkan. Beberapa piksel padding transparan di antara sprite mencegahnya.
Alat gratis terkait
Potong gambar menjadi baris dan kolom berukuran sama dengan resolusi penuh, lalu unduh satu per satu atau sebagai ZIP. Cocok untuk carousel Instagram.
Buat semua ukuran favicon dan berkas ICO dari satu gambar untuk situs dan aplikasi web.
Buat contact sheet berisi thumbnail dan nama file, sebagai satu gambar JPG atau halaman A4 PDF yang siap dicetak. Gratis, tanpa akun.
Ubah gambar PNG ke WebP agar situs lebih ringan tanpa kehilangan transparansi. Bisa banyak file sekaligus. Gratis, tanpa akun.