Css sprite adam akıllı anlatacak biri yok mu?

08-12-2014, 21:47:08

Aşagı da verdigim dosyaları resimleri css sprite yöntemi ile küçültmem gerekiyor ama nasıl yapılır bilmiyorum ögleden bu yana araştırıyorum ama bulamadım.

images/header.png
images/icon.png
images/navbar.png
images/rss.png
images/topnav.png

Bunları da hallettigim de blogum epey hızlanmış olacak şu an skorum.

Page Speed Grade: (92%) YSlow Grade: 82%)

Blogum bugün cpu %100 dü uzun ugraslarım sonucu şu an %33 e indi

08-12-2014, 21:57:13

#2

Gokyuzu

http://css.spritegen.com/ bu kaynak üzerinden o 5 resmi tek sprite görsel haline getirebilirsiniz oluşturma işlemi bitince css olarakta size kodları sunuyor burada önemli olan nokta görsellerin repeat değerleridir.

Çok detaylı anlatacak bir durum yok aslında bu araçla oluşturup denerseniz durumu kavrayacağınızı düşünüyorum, site adresini iletirseniz css yapınızıda incelemek gerekebilir.

08-12-2014, 22:03:28

#3

Kawasaki

Blogizma adlı üyeden alıntı: mesajı görüntüle

http://css.spritegen.com/ bu kaynak üzerinden o 5 resmi tek sprite görsel haline getirebilirsiniz oluşturma işlemi bitince css olarakta size kodları sunuyor burada önemli olan nokta görsellerin repeat değerleridir.

Çok detaylı anlatacak bir durum yok aslında bu araçla oluşturup denerseniz durumu kavrayacağınızı düşünüyorum, site adresini iletirseniz css yapınızıda incelemek gerekebilir.

Çok teşekkür ederim lakin site adresimi veremiyorum neyse bir şekilde halledicem bu işi gerçi şu an skor gayet iyi daha fazla zorlamasammı diyorum

08-12-2014, 22:05:31

#4

Gokyuzu

Bazen olduğu gibi bırakmak iyidir çok takılmayın 3-5 puana, rakamları kafaya takmak gereksiz baş ağrısı yapar.

İyi bloglar.