HesapikoHer hesabın kolay yolu.
Dijital iş araçları

Görsellerden sprite ve CSS

Küçük görselleri tek PNGye birleştirin; her parçanın konumunu içeren CSS çıktısı alın.

Kendi değerlerimle hesapla ↓

Değerlerinizi girin

Örnek girişler aşağıdadır. Tablolarda her kaydı ayrı satıra, sütunları | ile ayırarak yazın; ondalık sayılarda nokta kullanın. CSV aracında sayı biçimi ayrıca seçilir.

Cihazda kayıt seçenekleri

Yalnız siz seçerseniz girdiler bu tarayıcıda saklanır. Şifrelenmez, paylaşılan cihazdaki diğer kişilerce görülebilir. Kaydı başka cihazdan açamazsınız.

Bu araç sayfasında üçüncü taraf reklam gösterilmez. Girdi ve dosyalar hesaplama amacıyla sunucuya gönderilmez.

Sonucunuz

Değerleri kontrol edip Hesapla düğmesine basın.

Nasıl kullanılır?

  1. Örnek girişleri inceleyin; kendi dönem, birim ve kayıtlarınızla değiştirin.
  2. Hesapla düğmesini kullanın. Girdi hatası gösterilirse ilgili satır veya değeri düzeltin.
  3. Sonucu aşağıdaki yöntem ve yorumlama açıklamasıyla birlikte değerlendirin. Karşılaştırmak için girdileri değiştirerek tekrar hesaplayın.

Hesaplama yöntemi

Görseller aralık bırakılarak raf düzeninde yerleştirilir. CSS sınıfları sıra numarasıyla üretilir; adlar yorum satırına eklenmez.

Sonuç nasıl yorumlanır?

Örnek: iki ikon tek sprite.png dosyasına, iki ayrı arka plan konumuyla yerleşir. Animasyon korunmaz; SVG girişi kabul edilmez.

Örnek kullanım ve sonuç

Bu örnek, formda başlangıçta gösterilen değerlerle hesaplanmıştır; gerçek fiyat veya tahmin değildir.

  • En fazla sprite eni (px): 1024
  • Görseller arası boşluk (px): 2

Örnek: iki ikon tek sprite.png dosyasına, iki ayrı arka plan konumuyla yerleşir. Animasyon korunmaz; SVG girişi kabul edilmez.

Bu bölümdeki diğer araçlar

Bölümün tamamını aç →