CSS Sprite Hakkında Basit Bir Soru

Yanıt veren arkadaşa şimdiden teşekkür ediyorum.

Konuyu araştırdım ve her şeyini çözdüm bir nokta dışında.

resimleri birleştirmek için generatorlar kullandım hemde baya baya çok sayıda. Ancak hepsinde çıkan resimilerin boyutu birleştirilen farklı resimlerin toplamından daha büyük çıktı.

E toplamda daha büyük boyut çıkıyorsa bunun mantığına ters değil mi?

Burda en önemli unsur resimlerin boyutunu düşürmek değil sorgu sayısını düşürmektir.
Aslında resimler düzgün yerleştirilirse hemen hemen toplam boyutla aynı orana denk gelebiliyor. Önemli noktalar şunlar birleştirilen resimlerde transparantlık bir durum yoksa jpeg yapılarak boyut normalinden biraz düşük hale getirilebilir. Ama tabi transparantlık varsa png olması en iyisi. Ayriyetten asıl boyutlarını öğrenmek için resimleri optimize yani sıkıştırmak yapmak lazım normalde resimlerin içinde farklı farklı bilgiler kalabilmektedir başı boş bilgileri temizlemek için photoshop'dan veya şu siteden online olarak optimize yapabilirsiniz yahoo nun kendi sitesidir.
http://www.smushit.com/ysmush.it/ resmi bu siteden sıkıştırarak bir daha kontrol et boyutunu.
Not: herhangi bir görüntü kalitesi düşmesi olmaz.
Not2: Css sprite konusunda yazılmayan bir çok nokta bulunmakta aslında örneğin css sprite dikkatli kullanılmalı her sayfada tekrar eden resimler sprite içine dahil edilmeli.

Vaybe ne yazdım gece gece

Akşam akşam sana tüm içtenliğimle ve tüm kalbimle Allah razı olsun diyorum...