SORU
10 Mart 2011, PERŞEMBE


Veri olarak görüntüleri CSS veya HTML/base64 gömmek gerekir

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?

CEVAP
10 Mart 2011, PERŞEMBE


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.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • BetterCoder

    BetterCoder

    17 Aralık 2012
  • curioustravelers

    curioustrave

    12 AĞUSTOS 2006
  • Shylo Sharity

    Shylo Sharit

    27 EKİM 2011

İLGİLİ SORU / CEVAPLAR