Görselleri PDF’ye dönüştür
JPG, PNG ve diğer görselleri tek PDF'de birleştirin. A4, Letter veya görsel ölçüsü, kenar boşlukları ve yön seçip son belgeyi inceleyin.
Sprite sayfası oluşturucu
Görselleri düzenleme · Aralıklar · CSS ve koordinatlar
Görseller cihazınızda kalır
Dosyalar
0 · 0 seçili
Henüz görsel seçilmedi.
Görselleri veya ZIP dosyasını buraya bırakın
Görsel yapıştırabilir veya aynı anda birden fazla görsel seçebilirsiniz.
JPEG · PNG · WEBP · AVIF
Ayarlar
Gelişmiş ayarlar
Dışa aktarma ayarları
Kimlik fotoğrafı kadrajıCihazdaki algılama yalnızca bir kadraj önerir; dışa aktarmadan önce elle düzenleyebilirsiniz.
Bu görselin kadrajı henüz onaylanmadı.
Kimlik fotoğrafı arka planıİsteğe bağlı portre ayırma cihazda yapılır; özgün görsel gönderilmez.
Boyutlar
Hazır boyutYaygın platform ölçüleri
Bir veya daha fazla boyut seçin; her görsel tüm seçili boyutlarda hazırlanır.
Simge güvenli alanı
Tek bir kadrajdan favicon, PWA ve yaygın uygulama simgesi boyutları ile manifest oluşturulur.
Kırpma alanıÇerçeveyi taşıyıp boyutlandırmak için sürükleyin
Döndürme0°
Kalite
Her kenardaki boşlukpx
Görseli büyütReal-ESRGAN · 2×
Görselden renk seç
Kare aralığıSona kadar işlemek için son kareyi boş bırakın.
Base64 veri boyutunu büyütür. Tarayıcı belleğini korumak için giriş boyutu sınırlıdır.
Araç hakkında
Simgeleri veya küçük oyun varlıklarını tek görselde toplayıp koordinatlarla kullanın. Hücreler en büyük kaynak ölçüsüne göre oluşturulduğundan küçük görsellerin çevresinde boş alan kalabilir.
Nasıl kullanılır
Sprite sayfası oluşturucu
Bu araç ne için kullanılır?
Görselleri sütun ve boşluk ayarlı PNG ızgarasında birleştirin. Kaynak ölçülerini koruyun ve JSON koordinatları ile CSS arka plan konumlarını indirin.
Nasıl kullanılır?
Görselleri sıralayıp sütun ve aralıkları ayarlayın. Her görsel boyutunu korur ve en büyük görsele göre boyutlandırılmış hücrenin sol üstüne yerleşir. Görsel, JSON koordinatları ve CSS konumları dışa aktarılır.
Sonuçlar ve sonraki işlemler
Ana görsele koordinat, manifest veya kod eşlik eder. Tam ZIP ilişkilerini korur.
Gizlilik ve yerel işleme
İşlem tarayıcıda yapılır. Bu araç kaynak görselleri sunucuya yüklemez.
Sık sorulan sorular
Farklı boyuttaki kaynaklar eşitlenmek için esnetilir mi?
Hayır. En büyük kaynağa göre boyutlanan hücrelerin sol üstüne orijinal ölçüleriyle yerleşirler; boşluk kalabilir. Çıktıda PNG, JSON koordinatları ve CSS konumları bulunur. Bu bir ızgaradır; şeffaf kenarları kesen sıkı paketleme yapılmaz.
Dışa aktarılan CSS tek başına sprite'ları neden göstermez?
CSS boyutları ve arka plan konumlarını verir. Sayfada sprite sayfasının background-image yolunu ve uygun gösterim biçimini eklemelisiniz. PNG, JSON ve CSS aynı dışa aktarmadan gelmeli; sütun veya aralık değişince birlikte yenilenmelidir.
Sayfayı yeniden üretirken koordinat kaymasını nasıl önlerim?
Sütun ve aralıklardan önce dosya sırasını kesinleştirin. Konumlar bu sırayı izler; ekleme, silme veya taşıma sonraki koordinatları değiştirebilir. Eski haritayı yeni sprite sayfasıyla eşleştirmeyin.
İlgili araçlar
Yeni sekmede açılır
Yorumlar
0