Ana Sayfaya Dön
Sprite Sayfası Oluşturucu – CSS Sprite'ları ve Doku Atlası
Birden fazla görüntüyü tek bir sprite sayfasına paketleyin ve tam CSS arka plan konumlarını ve TexturePacker tarzı bir JSON haritası alın. CSS sprite'ları, web simgeleri ve oyun animasyon kareleri için idealdir. Yeniden sıralayın, sütunları ve dolguyu ayarlayın, ardından sayfayı ve koordinatlarını indirin. Ücretsiz, özel ve %100 tarayıcınızda.
Paketlenecek görselleri yükleyin
Kabul edilen formatlar: JPG, PNG, WEBP, BMP, GIF (animasyonsuz)
Görseli yapıştır (Ctrl/⌘+V) veya sürükle — ya da URL'den içe aktar
Sitenizi veya oyununuzu hızlandırmak için birçok küçük görüntüyü tek bir sprite sayfasına birleştirin. Image Machine simgelerinizi veya karelerinizi tarayıcınızda tek bir görüntüye paketler — yükleme yok, hesap yok — böylece onları tek bir istekte sunabilirsiniz. Sayfa cihazınızda birleştirilir ve varlıklarınız gizli kalır.
Nasıl Çalışır
Bir araç seçin
Görüntünüzü yeniden boyutlandırmak, dönüştürmek, sıkıştırmak veya iyileştirmek için 120+ araç arasından seçim yapın.
Yükleyin ve düzenleyin
Görüntünüzü sürükleyip bırakın ve ayarları düzenleyin. Cihazınızda kalır.
İndirin
Sonucunuzu anında kaydedin — filigran yok, kayıt gerekmez.
Neden Image Machine?
Dosyalarınız asla cihazınızdan çıkmaz
Tüm işlemler tarayıcınızda yerel olarak çalışır. Görüntüleriniz asla bir sunucuya yüklenmez.
Tamamen ücretsiz
Her araç ücretsizdir — sınır yok, filigran yok ve gizli ücret yok.
Şimşek hızında
Yükleme beklemesi yok — görüntüleriniz kendi cihazınızda anında işlenir.
Profesyonel kalite
Format, boyut ve kalite üzerinde tam kontrol ile kusursuz sonuç.
Sıkça Sorulan Sorular
Sprite sheet ne işe yarar?
Bir sprite sheet, birçok küçük grafiği — simgeleri, düğmeleri veya animasyon karelerini — tek bir görselde birleştirir. Onlarca yerine tek bir dosya yüklemek ağ isteklerini azaltır; bu da web sayfalarını ve oyunları hızlandırır.
Sprite sheet'i bir web sitesinde nasıl kullanırım?
Birleştirilmiş görseli görüntüleyin ve yalnızca ihtiyacınız olan simgeyi göstermek için konumunu CSS background-position ile kaydırın. Animasyon motorları da aynı şekilde çalışarak sheet'te paketlenmiş karelerde adım adım ilerler.
Görselleri birleştirmek kalite kaybına yol açar mı?
Hayır — her görsel sheet'e tam çözünürlükte yerleştirilir. Her şeyi saydamlıkla kayıpsız tutmak için PNG olarak dışa aktarın; bu, simgeler ve arayüz sprite'ları için standart seçimdir.