Evet. Bu sprite sheet hazırlama aracı, hesap oluşturmadan her işlemde bir GIF kabul eder. PNG’ye yeni filigran eklemez. Kaynak animasyonda zaten görünen filigran, görselin bir parçası olarak kalır.
GIF’ten Sprite Sheet Oluşturma
Bir GIF’i şeffaf PNG sprite sheet’e dönüştürün. Izgara veya şerit seçin, kare aralığını ve ölçeğini ayarlayın, ardından görseli önizleyip indirin.
Bunlara da ihtiyacınız olabilir:GIF’i Videoya Dönüştür·GIF sıkıştırıcı·GIF Kırpıcı·GIF Ters Çevirme·GIF kare çıkarıcı·Görselden piksel sanatına·Tüm araçlara göz at
GIF’ten sprite sheet oluşturma: animasyon kareleri tek PNG’de
Bu çevrimiçi GIF dönüştürücü, animasyonun tam karelerini tek bir şeffaf PNG sprite sheet üzerinde düzenler. Izgara, yatay şerit veya dikey şerit seçip kare aralığını ve ölçeğini ayarlayın. Çıktı, kendi projenizde hücrelere ayırabileceğiniz sabit bir görseldir.
Yeniden kullanmak istediğiniz kareleri içeren, cihazınızda kayıtlı bir GIF ile başlayın. Spritesheet olarak da yazılan sprite sheet, her kareye eşit boyutlu bir hücre ayırır. Animasyonda kayıtlı yinelenen kareler de dahil olmak üzere kaynak sıralaması korunur.
GIF’ten sprite sheet nasıl oluşturulur?
1
Bir GIF seçip yükleyin
Cihazınızdan en fazla 25 MB boyutunda bir GIF seçin. Dosya seçildiğinde yükleme başlar. Görseli oluşturmadan önce yüklemenin tamamlanmasını bekleyin.
2
Yerleşimi ve kare boyutunu ayarlayın
Izgara, Yatay şerit veya Dikey şerit seçin. Izgarada Otomatik ya da Sütun sayısını belirle seçeneğini kullanın. Projeniz farklı boyutlar gerektiriyorsa aralık ve ölçek kaydırıcılarını ayarlayın.
3
PNG’yi oluşturun, önizleyin ve indirin
Dönüştürme görevini sunucumuza göndermek için Sprite sheet oluştur düğmesine basın. Tamamlandığında önizlemeyi kontrol edip PNG’yi indirin. Ayarları değiştirerek yüklenmiş GIF’i tekrar dönüştürebilirsiniz.
Izgara, yatay şerit veya dikey şerit seçin
Karelerin yerleşimi, çıktı görselinin şeklini belirler. Hücrelere ayırma yönteminize ve projenizin doku boyutu sınırlarına uygun düzeni seçin.
| Yerleşim | Kullanım amacı | Kontrol edilmesi gerekenler |
|---|---|---|
| Izgara | Tek bir görselde birden fazla kare satırı. | Otomatik sütunları belirler; Sütun sayısını belirle ile 1–240 sütun seçebilirsiniz. |
| Yatay şerit | Sprite strip olarak da bilinen tek kare satırı. | Uzun animasyonlar çok geniş bir PNG oluşturabilir. |
| Dikey şerit | Tüm karelerin tek sütunda sıralanması. | Görseli projenize aktarmadan önce yüksekliğini kontrol edin. |
Izgaradaki kareler soldan sağa, ardından yukarıdan aşağıya sıralanır. Bütün yerleşimler aynı kare sırasını korur; düzeni değiştirmek kareleri kaldırmaz.
Sprite sheet’i projenize göre düzenleyin
Otomatik veya belirli sayıda sütun
Otomatik seçeneği, kare sayısına ve boyutlarına göre bir ızgara belirler. Her satırda belirli sayıda hücre gerekiyorsa Sütun sayısını belirle seçeneğini kullanın.
Örneğin, 64 × 64 boyutunda sekiz kareyi üç sütunda, 2 px aralıkla ve %100 ölçekte dizmek 196 × 196 PNG üretir. Bir hücre boş ve şeffaf kalır.
Kareler arasındaki boşluk
Aralık 0 ile 32 piksel arasında ayarlanabilir. Başlangıç değeri 0 olduğundan komşu hücreler birbirine bitişir. Daha büyük bir değer, aralarına şeffaf boşluk ekler.
Bu ayar görselin dışına kenar boşluğu eklemez. PNG’yi başka bir programda bölerken aynı aralığı kullanın; böylece seçilen bölge komşu kareden bir parça yerine tek bir tam kareyi kapsar.
%50 ile %200 arasında kare ölçeği
Ölçek kaydırıcısı, her karenin genişliğini ve yüksekliğini değiştirir. %50 ile %200 arasında tam sayı yüzdeler kabul edilir. %100 kaynak boyutlarını korur.
Boyutlandırmada en yakın komşu yöntemi kullanılır. Piksel kenarları yumuşatılmadan keskin kalır, ancak küçültme bazı ayrıntıları kaybettirebilir. Büyütme de kaynakta bulunmayan ayrıntıları geri getirmez.
GIF sprite sheet’e dönüştürülünce ne değişir?
GIF animasyonları her kare için tam resim yerine yalnızca değişen küçük alanları saklayabilir. Bu dönüştürücü, eşit boyutlu hücrelere yerleştirmeden önce tam kareleri yeniden oluşturur. Şeffaf pikseller şeffaf kalır; opak arka plan da görselin parçası olarak korunur.
Yinelenenler dahil, kayıtta bulunan her kare çıktıya bir kez yerleştirilir. Görsel animasyon oynatımı veya kare süresi verisi içermez. Dönüştürmeden önce gereksiz kenarları kaldırmak için GIF Kırpma aracını kullanıp düzenlenen animasyonla geri dönebilirsiniz.
Sprite sheet’i kendi animasyon akışınızda kullanın
Bu sprite sheet oluşturucu, kaynak olarak bir GIF kullanır. PNG’yi düzenleyicinize veya oyun motorunuza aktarın, ardından hücre boyutlarını ve aralığı orada ayarlayın. Hedefin doku sınırlarını kontrol edin; bu araç, belirli bir motora özel proje ya da atlas dosyası dışa aktarmaz.
CSS ile konumlandırma örnekleri için MDN görsel sprite rehberine bakın. Video oynatıcıda doğrudan açılabilen bir dosya gerekiyorsa GIF’ten Videoya aracını kullanın.
GIF ve sprite sheet boyut sınırları
| Kontrol | Sınır |
|---|---|
| Girdi dosyası | Tek GIF, en fazla 25 MB |
| Kaynak kareler | En fazla 240 |
| Kaynak karelerin toplam pikseli | En fazla 60 milyon: genişlik × yükseklik × kare sayısı |
| PNG boyutları | Her kenarda en fazla 8192 piksel |
| PNG piksel sayısı | En fazla 60 milyon: çıktı genişliği × çıktı yüksekliği |
Tüm sınırlar birlikte geçerlidir. Dosya boyutu küçük olan bir GIF, çözümlendiğinde yine çok sayıda piksel içerebilir. Çıktı sınırı aşıyorsa ızgarayı deneyin, sütun sayısını değiştirin veya kare ölçeğini küçültün.
GIF sprite sheet hakkında sorular
PNG, kareleri içeren sabit bir görseldir. GIF’in kare bekleme sürelerini veya döngü ayarını içermez. Görseli hücrelere ayırdıktan sonra animasyon zamanlamasını kendi yazılımınızda ayarlayın.
Evet. Mevcut şeffaflık korunur; kare araları ve kullanılmayan hücreler de şeffaf kalır. Bu dönüşüm opak bir arka planı kaldırmaz. Özellikle animasyonu başka bir arka plana yerleştirecekseniz önizlemede kenarları kontrol edin.
Izgara, eşit boyutlu hücrelerden oluşan tam satırlar kullanır. Kare sayısı son satırı doldurmazsa kalan yerler şeffaf kalır. Bunlar oynatmaya eklenmesi gereken kareler değil, boş alanlardır.
Dönüştürücü GIF’te kayıtlı bütün kareleri korur ve yinelenenleri ayıklamaz. Tekrarlanan görüntüler kaynak animasyonun bir parçası olabilir. Dolu hücre sayısı, dosyada saklanan kare sayısına eşittir.
Bu sayfa kareleri tek PNG’de birleştirir. ZIP içinde numaralandırılmış ayrı görüntüler almak için GIF Kare Çıkarıcı aracını kullanın. Her kareyi tek tek düzenlemek istediğinizde bu çıktı uygundur.
Eşit boyutlu hücrelere ayırmayı destekleyen bir iş akışında PNG’yi kaynak görsel olarak kullanabilirsiniz. Hücre boyutunu, aralığı ve oynatmayı kendiniz ayarlayın. İndirilen dosya yalnızca PNG içerdiği için motorunuzun veya kodunuzun gerektirdiği içe aktarma ayarlarını kontrol edin.
GIF ve PNG görselleri farklı biçimde kodlar; çıktı da her tam kareyi tek tuvalde içerir. Şeffaf aralar ve boş hücreler boyutları artırır. Daha küçük ölçek, genişliği ve yüksekliği azaltabilir ancak dosyanın küçüleceği garanti edilmez.
GIF’inizden sprite sheet oluşturun
Bir GIF seçin, tam karelerini düzenleyin ve projeniz için tek bir şeffaf PNG indirin.