Sprite Sheet Oluşturucu
Birçok görseli tek bir sprite sheet'te toplayın ve yanında bir JSON koordinat haritası alın. Elli yerine tek bir HTTP isteği, hâlâ en etkili ön yüz performans kazanımlarından biridir. Ücretsizdir, hesap gerektirmez ve sonucunuza filigran eklemez.
Sprite Sheet Oluşturucu
Dosyalarınızı ekleyin. Önerilen ayarlar hazır, tek tıkla işleyebilirsiniz.
PDF, Word, görseller, ses, video, arşivler ve dahası
En fazla 100 dosya · 250 MB · Hesap gerekmez- 1Dosya ekle
- 2Bir işlem seçin
- 3İndirin veya devam edin
Ne zaman gerekir
Nasıl çalışır
Görseller ızgara düzeninde tek bir saydam sayfaya yerleştirilir; aralarına isteğe bağlı dolgu eklenebilir, böylece ölçeklenen bir sayfa ya da bir oyun motorunun doku filtrelemesi bir sprite'ın kenarını yanındakine taşırmaz. PNG ile birlikte her sprite'ın dosyasını, konumunu ve boyutunu veren bir JSON haritası ve her sprite için boyutunu ve arka plan konumunu belirleyen bir sınıf içeren, web sayfasına hazır bir CSS dosyası gelir.
Sık sorulan sorular
JSON haritası ne işe yarar?
Toplanan her görselin x, y, genişlik ve yüksekliğini verir; CSS background-position'a ya da bir oyun motorunun atlas yükleyicisine vereceğiniz bilgi budur.
Şeffaflık korunur mu?
Evet. Sayfa PNG olarak dışa aktarılır ve kaynak görsellerin şeffaflığı sonuca taşınır.
HTTP/2 ile bu hâlâ önemli mi?
Eskisi kadar değil, ama istek yükünü yine azaltır ve oyun doku atlaslarında standart uygulamadır.
Doğrudan kullanabileceğim bir CSS var mı?
Evet. İndirilen dosyalar arasında sayfa için .sprite sınıfını ve her görsel için genişliğini, yüksekliğini ve arka plan konumunu belirleyen .sprite-ad sınıfını içeren sprite-sheet.css bulunur.
Dolgu neden gerekli?
Bir sayfa ölçeklendiğinde ya da bir oyun motoru dokularını filtrelediğinde, komşu bir sprite'ın pikselleri gösterilen sprite'ın kenarına taşabilir. Sprite'lar arasındaki birkaç piksellik saydam dolgu bunu önler.
İlgili ücretsiz araçlar
Bir görseli satır ve sütunlara eşit parçalar halinde tam çözünürlükte bölün, tek tek ya da ZIP olarak indirin. Instagram kaydırmalı gönderileri için.
Tek bir görselden web siteleri için gereken tüm favicon boyutlarını ve ICO dosyasını oluşturun.
Küçük resimler ve dosya adlarıyla kontak baskısı oluşturun; tek bir JPG ya da yazdırmaya hazır A4 PDF sayfaları olarak. Ücretsiz, hesap gerekmez.
PNG görselleri şeffaflığı kaybetmeden daha hafif web siteleri için WebP'ye dönüştürün. Toplu dönüştürme de var. Ücretsiz, hesapsız.