GIF sprite sayfası nedir?

Sprite sayfası, animasyonlu bir GIF'in tüm karelerini oyun geliştirme ve CSS animasyonlarında yaygın olarak kullanılan tek bir PNG görüntüsünde ızgara şeklinde düzenler.

Sprite sayfası hangi formatta dışa aktarılır?

PNG. Bu format, orijinal GIF karelerindeki tüm renkleri ve şeffaflığı korur.

Izgara düzenini nasıl kontrol ederim?

Sütun sayısını ayarlayın. Satır sayısı, toplam kare sayısına bağlı olarak otomatik olarak hesaplanır.

Sprite sayfasını CSS'de nasıl kullanırım?

Kareler arasında geçiş yapmak için `background-position` ve `animation` özelliklerini kullanın. Her kare sprite içinde (genişlik × sütun, yükseklik × satır) piksel kaplar.

Oyunlarda sprite sayfalarını kullanabilir miyim?

Evet. Phaser, Unity (2D) ve Godot gibi oyun motorlarının tümü, kare kare animasyon için sprite sayfalarını destekler.

Sprite sayfasındaki her karenin boyutları nedir?

Her hücre orijinal GIF boyutlarına eşittir. Toplam sprite sayfası boyutu (gifGenişliği × sütunlar) x (gifYüksekliği × satırlar) şeklindedir.

Sprite sayfası şeffaflığı içerir mi?

Evet. PNG tam alfa şeffaflığını destekler, bu nedenle GIF karelerindeki tüm şeffaf alanlar korunur.

Orijinal GIF değiştirilir mi?

Hayır. Sprite sayfası yeni bir PNG dosyasıdır. Orijinal GIF'iniz okunur ancak değiştirilmez.

Neden GIF yerine sprite sayfası kullanayım?

Sprite sayfaları, animasyon üzerinde hassas kontrol sağlar — CSS veya JavaScript kullanarak duraklatabilir, tersine çevirebilir veya belirli karelere atlayabilirsiniz; otomatik oynatılan GIF'lerin aksine.

Sprite sayfasındaki karelerin sırasını kontrol edebilir miyim?

Kareler, orijinal GIF ile aynı sırayla görünür. Sprite sayfasını oluşturmadan önce kareleri yeniden sıralamak için Kare Düzenleyici'yi kullanın.

GIF'ten Sprite'a

GIF karelerinizi tek bir sprite sayfası PNG'si olarak dışa aktarın.

GIF'inizi buraya bırakın

Veya göz atmak için tıklayın · Sadece GIF

Animasyonlu bir GIF'i, bir ızgara içinde düzenlenmiş tüm kareleri içeren tek bir görsele (sprite sayfası) dönüştürün. CSS animasyonları, oyun motorları ve kare kare dışa aktarımlar için idealdir.

Sütun sayısını yapılandırın, GifStream ızgara düzenini otomatik olarak hesaplar. Çıktı, tutarlı kare boyutlarına ve şeffaf arka plan desteğine sahip tek bir PNG'dir.

Rehber: GIF'ten Sprite'a

Ne zaman kullanılır

Oyun geliştirme için bir GIF'i sprite sayfasına çevirmek istediğinizde.
Web sitesindeki CSS sprite animasyonları için kare hazırlarken.
Bir animasyonun tüm karelerini bir bakışta görmek istediğinizde.

İpuçları

Sayfa kareye yakın olsun diye sütun sayısını buna göre seçin.
PNG çıktısı tüm renkleri ve saydamlığı korur.
Kare boyutunu ve sayısını not edin; sayfayı canlandırırken gerekecek.

Bilmekte fayda var

Ayrı kare dosyaları mı gerekiyor? GIF Ayırıcı kullanın.
İstenmeyen kareleri önce Kare Düzenleyici ile silin.
Sayfa boyutunu kontrol etmek için önce GIF'i GIF Boyutlandırma ile küçültün.

GIF Sprite Sayfası — SSS

Last Updated: 14 Ağustos 2026