<img src="data:image/png;base64,BASE64DATA" /> where BASE64DATA is a base 64 encoded PNG image works fine, and works fine with firebug.
http://george.hotelling.net/90percent/geekery/a_practical_use_for_htmlembedded_images.php http://www.motobit.com/util/base64-decoder-encoder.asp (i had to find an replace line breaks with nothing to remove them after uploading a png to the second link) HOWEVER - if we attempt to (via greasemonkey for example) base 64 encode a CSS image, firebug slows to a complete crawl, I am guessing it does not support such long CSS attributes: .master-sprite{background-image:url("data:image/ png;base64,BASE64DATA"); Most CSS attributes in firebug have rather short values (<256 characters) but a base 64 image could be ANY length up to a few megabytes of data for a CSS attribute, which ends up killing firebug. I suggest if there is base 64 data in a CSS img definition to NOT display it in firebug, but rather provide some pop up to paste in or edit the data. This would fix the slowdown. Here is a complete example: <div style="background-color:black;"><img src="data:image/ png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAABGdBTUEAAK/ INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADrSURBVHjajNE/ S8NAGMfxS4jY4pDNwT/pO +gL0MGA4NxBEPpGfEfi0kLHzi3dO0RwEocWBwmpUVqIcH5Pn6MPBwEf +MBxz497LpfIWmuoBEMMcGr+aoUJHtAYghHGtr1GiF3wLmiU +Aj2bmOOzc2+luihj43av3B3e0EFd9lH1GKNVIKpv2NXuLXbO8NWjb430tBSzFToDedhKEOhQg1ufp9QhY7wrEIVrn1fBy +DJ7nS0xL1BKV87QGeMFc9E8kv9HWMQ3muWjf06Byvcs8FOm2jT5DJ +gsd7HwzNv8sfWKBKb7xjk8d/BFgAND+NAQCqhcnAAAAAElFTkSuQmCC" border="0" / ></div> (white question mark image needs the black background) that one is definitely not big enough to slow things down at all. Attempting to place what is in SRC of the <img> above into a background-image:url("PASTE_HERE"); via firebug does not slow things down. I don't think its even an issue if one pastes in a base 64 string via firebug, however if you modify CSS via greasemonkey GM_addStyle then firebug will attempt to display the entire base 64 string for the image in the CSS column of firebug which slows things to a complete crawl, and I have to click stop scripts to fix it. The PNG image in question is less than 20KB, so its not too much base 64 data although way more than firebug is use to. I found this somewhat related topic, which deals with part of the issues but not the problem I am having: http://groups.google.com/group/firebug/browse_thread/thread/aae5e39f2f94faa0/cf6f5f0a2fa62681?lnk=gst&q=base64#cf6f5f0a2fa62681 --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Firebug" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/firebug?hl=en -~----------~----~----~----~------~----~------~--~---
