Lewati ke konten utama
eyunzhu

Pembuat sprite sheet

Susun gambar · Atur jarak · CSS dan koordinat

Gambar tetap di perangkat Anda

Berkas

0 · 0 dipilih

Belum ada gambar yang dipilih.

Tarik gambar atau berkas ZIP ke sini Anda juga bisa menempelkan gambar atau memilih beberapa sekaligus.
JPEG · PNG · WEBP · AVIF

Pengaturan

Pengaturan lanjutan
Pengaturan ekspor
Komposisi foto identitasDeteksi di perangkat hanya menyarankan potongan; Anda tetap dapat menyesuaikannya sebelum ekspor.

Komposisi gambar ini belum dikonfirmasi.

Latar foto identitasPemotongan potret opsional dilakukan di perangkat; gambar asli tidak dikirim.
Terapkan ke
Format
Dimensi
Ukuran siap pakaiUkuran umum platform

Pilih satu atau beberapa ukuran; setiap gambar akan dibuat dalam semua ukuran pilihan.

Area aman ikon12%
Latar ikon

Satu komposisi menghasilkan favicon, ikon PWA, ukuran aplikasi umum, dan manifest.

Area potongSeret bingkai untuk memindahkan atau mengubah ukurannya
Rotasi
Kualitas88%
Dimensi
Posisi gambar
Ruang di setiap sisipx
Latar
Cara membagi
Susunan
Perataan
Pengaturan lanjutan
Histogram kecerahan
Gambar tanda air

Posisi

Pengaturan lanjutan
Mode hapus latar
Perbesar gambarReal-ESRGAN · 2×

Ambil warna dari gambar

Perataan
Tugas metadata
Tampilan hasil pindai

Geser setiap titik ke sudut dokumen. Gunakan tombol panah untuk penyesuaian halus.

Kualitas
Rentang frameKosongkan frame terakhir untuk memproses sampai akhir.

Base64 memperbesar ukuran data. Masukan dibatasi untuk melindungi memori browser.

Pilih tindakan berikutnya

Gambar hanya dipindahkan sementara di dalam browser ini dan tidak diunggah ke server.

Gambar untuk langkah berikutnya
Pemroses gambar massalSusun langkah kerja · Proses banyak gambar Pangkas gambarRasio potong · Luruskan · Atur komposisi Potong gambarPotong dalam kisi · Bagi gambar panjang · Garis bantu Gabungkan gambarGabung mendatar · Tegak · Dalam kisi Ubah ukuran gambarPiksel atau persen · Cara penyesuaian · Beberapa ukuran Perluas kanvas gambarTambah tepi · Ukuran kanvas · Latar belakang Pengubah ukuran gambar media sosialUkuran platform · Panduan komposisi · Ekspor beberapa ukuran Kompres gambarKompresi otomatis · Target ukuran berkas · Bandingkan asli Konversi format gambarKonversi saat diimpor · Beberapa format · Unduh sekaligus Konverter gambar dan Base64Gambar ↔ Base64 · Pratinjau langsung · Salin Sunting gambarPutar dan balik · Sesuaikan warna · Urungkan dan ulangi Tambahkan tanda airTanda air teks atau gambar · Geser posisi · Ulangi pola Samarkan wajah dan data pribadiDeteksi wajah · Tandai area · Proses banyak gambar Atur warna gambarPencahayaan dan warna · Histogram · Pratinjau langsung Pemilih warna gambarKlik untuk mengambil warna · HEX / RGB / HSL · Palet Ganti warna pada gambarPilih warna · Toleransi dan tepi halus · Pratinjau langsung Bandingkan gambarPenggeser perbandingan · Tampilan berdampingan · Selisih piksel Lihat dan hapus metadata gambarInformasi gambar · Periksa privasi · Hapus metadata Temukan gambar duplikatImpor folder · Duplikat identik · Gambar mirip Buat GIF dari beberapa gambarBuat animasi · Durasi tiap bingkai · Urutan Ekstrak bingkai GIFRentang bingkai · Jarak ekstraksi · Unduh sekaligus Edit GIF animasiUrutan dan durasi · Putar mundur · Potong dan ubah ukuran Kompres GIFKurangi warna · Lewati bingkai · Perkecil ukuran GIF ke sprite sheetSusun bingkai dalam kisi · Berkas koordinat Gambar ke PDFUrutkan gambar · Ukuran halaman · Gabung ke PDF Pembuat favicon dan ikon aplikasiIkon web dan aplikasi · Ruang tepi · Beberapa ukuran Pembuat placeholder gambarBlurHash · ThumbHash · Pratinjau mungil Hapus latar gambar secara lokalPisahkan orang atau objek · Rapikan tepi · Ganti latar Gambar ke teks (OCR)Kenali teks · Pilih area · Ekspor teks Pemindai foto dokumenSesuaikan sudut · Perjelas dokumen · PDF beberapa halaman Perbesar gambarPerbesar dengan AI lokal · Ukuran 2× · Perjelas detail Pembuat pasfotoKetentuan foto · Komposisi · Latar belakang Foto paspor TiongkokKetentuan foto · Komposisi · Latar belakang Foto kartu identitas TiongkokKetentuan foto · Komposisi · Latar belakang Foto ujian kualifikasi guru TiongkokKetentuan foto · Komposisi · Latar belakang Foto ujian pegawai negeri TiongkokKetentuan foto · Komposisi · Latar belakang Foto kartu jaminan sosial HubeiKetentuan foto · Komposisi · Latar belakang Foto visa Amerika SerikatKetentuan foto · Komposisi · Latar belakang Foto visa JepangKetentuan foto · Komposisi · Latar belakang

Tentang alat ini

Satukan ikon atau aset gim kecil dalam satu gambar dan akses tiap bagian lewat koordinat. Sel mengikuti ukuran sumber terbesar, sehingga gambar kecil mungkin menyisakan ruang kosong.

Cara menggunakan

Pembuat sprite sheet

Kegunaan alat ini

Gabungkan gambar dalam kisi PNG dengan pengaturan kolom dan jarak. Pertahankan dimensi sumber dan ekspor koordinat JSON serta posisi latar CSS.

Cara menggunakan

Susun gambar, lalu atur kolom dan jaraknya. Setiap gambar mempertahankan ukuran aslinya di kiri atas sel yang mengikuti gambar terbesar. Ekspor berisi lembar gambar, koordinat JSON, dan posisi CSS.

Hasil dan langkah lanjutan

Gambar utama disertai koordinat, manifest, atau kode. ZIP lengkap menjaga keterkaitannya.

Privasi dan pemrosesan lokal

Pemrosesan berlangsung di browser. Alat ini tidak mengunggah gambar asli.

Pertanyaan umum

Apakah sumber yang berbeda ukuran diregangkan agar sama?

Tidak. Ukuran sumber dipertahankan di kiri atas sel yang mengikuti gambar terbesar, sehingga ruang kosong mungkin tersisa. Ekspor mencakup PNG, koordinat JSON, dan posisi CSS. Susunannya kisi, bukan pengemasan rapat dengan pemangkasan tepi transparan.

Mengapa CSS hasil ekspor belum menampilkan sprite dengan sendirinya?

CSS memberikan dimensi dan posisi latar. Tambahkan alamat background-image lembar sprite serta mode tampilan elemen yang sesuai pada halaman. PNG, JSON, dan CSS harus berasal dari ekspor yang sama; ganti bersama setelah mengubah kolom atau jarak.

Bagaimana mencegah koordinat tidak cocok setelah membuat ulang lembar?

Tetapkan urutan antrean sebelum kolom dan jarak. Posisi mengikuti urutan itu, sehingga menambah, menghapus, atau memindahkan gambar dapat mengubah koordinat berikutnya. Jangan memasangkan peta lama dengan lembar baru.

Komentar

0
untuk bergabung dalam diskusi.
Belum ada komentar.
Utas balasan

Ikuti seluruh percakapan secara kronologis; setiap balasan menunjukkan pesan tertentu yang dijawab.