Sayısını azaltmak için doğrudan css içine BASE64 olarak bazı görüntüleri gömülü var sunucu (PNG VE SVG) istekleri. (İnşa sürecinde kendi otomatik)

bu gibi:

background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAFWHRTb2Z0d2FyZQBBZG etc...);

Bu iyi bir uygulama mı? Bunu önlemek için bazı sebepler var? Veri url desteği yok bazı büyük tarayıcı var mı?

Bonus soru: Sense CSS için bunu yapmak VE aynı zamanda JS mu?

Bu iyi bir uygulama mı? Bunu önlemek için bazı sebepler var?

Güzel bir uygulama genellikle sadece çok küçük CSS resimler çıkacak kullanılan birlikte (CSS Sprite) IE uyumluluk önemli değil, ve kaydetme isteği daha önemli cacheability.

Önemli bazı dezavantajları vardır:

• Hiç çalışmıyor IE6 ve 7.

• Kaynaklar için çalışır up to 32k in size in IE8 sadece. Bu base64 kodlama sonra geçerli olan sınırıdır. Diğer bir deyişle, 32768 karakterden uzun.

• Bir istek kaydeder, ancak bunun yerine HTML sayfası oluşup şişmeden! Ve görüntüleri uncacheable yapar. Her zaman içeren sayfa yüklenmeden veya stil sayfası yüklenir.

• Base64 kodlama 3 resim boyutları oluşup şişmeden.

• Eğer gzip ' bir kaynak olarak görev yaptı, data: görüntüleri neredeyse kesinlikle sunucunun kaynakları üzerinde ağır bir yük olacak! Geleneksel olarak görüntüleri sıkıştırmak için çok CPU yoğun, boyutu çok küçük bir azalma ile.