Bu (data URI a> s denir) inline görüntüleri kullanarak aslında mümkün.
Sizin resim etiketi, bu gibi bir şey olacaktır:
<img src="data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub/
/ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcpp
V0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7"
width="16" height="14" alt="embedded folder icon">
Why they are mostly not a good idea:
Görüntü before tam HTML yapısının yüklenmesi ve böylece, hale getirilecek gerekiyor çünkü sayfa yükleme slowed down olacaktır. Hatta daha çok görüntüye ek işlem yapıyorsanız. Siteniz çok büyük olasılıkla bir dış görüntü olsaydı daha yavaş hissedeceksiniz.
Inline görüntüleri base64 kodlanıyor, adding 33% to their size olması gerekir.
Eğer makul bir yüksek trafik, kamu sitesinden bahsediyoruz, ben dışarıdan görüntüyü saklamak tavsiye ve bunları önbelleğe olacaktır. Sadece küçük bir proje için ise, satır içi görüntüler sizin için çalışabilir.