CSS sprite oluşturma aracı (Google PageSpeed için)


CSS ile tasarım yapmak candır, tasarıma dahil birden fazla resmi tümleşik hale getirip CSS ile ayrıştırmak (sprite tekniği) ise canan. Büyük sitelerin çoğu gerek sayfa açılış sürelerini kısaltmak gerekse trafik tüketiminden tasarruf etmek için bu tekniği kullanıyorlar. Ayrıca son zamanlarda oldukça popüler olan Google PageSpeed aracı da, bu tekniği tasarımcılara sayfa hızını doğrudan etkileyen bir unsur olarak “önemle” tavsiye ediyor.

Sprite tekniğinin sunduğu avantajlardan nasıl faydalanacağınız konusunda fikriniz yoksa veya halihazırda bu tekniği kullanan fakat zamandan tasarruf etmek isteyen bir tasarımcıysanız şu siteyi sık kullanılanlarınıza eklemenizde fayda var: http://tr.spritegen.website-performance.org Site sayesinde zipli halde yüklediğiniz resimleri kolayca birleştirebilir ve çıktıya ait CSS kodlarını sadece bir kaç tıklamayla alabilirsiniz.

İlginizi Çekebilecek Diğer İçerikler

Facebook Yorumları

8 Yorum

Uyarı: Yorumlarda link kullanmayınız. Link içeren yorumlar otomatik olarak spam kabul edilmektedir.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir