search

olbers / iui

Automatically exported from code.google.com/p/iui
MIT License
0 stars 0 forks source link

Inline images using data: url scheme (RFC 2397)? #6

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago 
Would using the data: url schema to inline the images reduce round trips enough 
to improve 
performance?  The resulting iui.css/iuix.css would need to be served with gzip 
encoding to offset 
the expansion caused by the base64 encoding. 

http://www.ietf.org/rfc/rfc2397.txt
http://en.wikipedia.org/wiki/Data:_URI_scheme

Original issue reported on code.google.com by mwarre...@gmail.com on 16 Jul 2007 at 8:48

GoogleCodeExporter commented 9 years ago 
[deleted comment]
GoogleCodeExporter commented 9 years ago 
This blog entry describes how to store entire web pages using data urls:
http://blog.clawpaws.net/post/2007/07/16/Storing-iPhone-apps-locally-with-data-U
RLs

Original comment by mwarre...@gmail.com on 3 Aug 2007 at 10:13

GoogleCodeExporter commented 9 years ago

Original comment by msgilli...@gmail.com on 10 Oct 2007 at 4:16

GoogleCodeExporter commented 9 years ago 
This is pretty easy to do yourself with a line of Perl:
<code>perl -0777 -e 'use MIME::Base64; $text = <>; $text = 
encode_base64($text); $text =~ s/\s+//g; 
print "data:image/png;base64,$text\n";' toolButton.png</code>

result:
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAeCAIAAACqmwlGAAAAGXRFWHRTb2
Z0d2Fy
ZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbVJREFUeNqUlEtLw0AUhSfJTRpTk5Za1FAfxS5sBVtfC7tQ
dOcv8C+6FURx
50JBEUGwG0HrA5EqtlRtTNM0d+KtrqyCk8NAmJnzce7AzZW2do8ZY/d31bPjw1rt8aP1zn4qblq2nVkq
r0xmc7QFz
sOTw4PKxXkuX8xOLxqDZh/gOq1m42l/Z3u2OL+8sg63N9dXN1erG5sDg5aqarKi9AFWCofsiUw2f3q0Z
49PKFZq
uLCwlkyPSrISMkaBfYsO6UrTDTORrpwdgazGreRw0OXsP5FNAgM0w0TOkCMTUCxugQxaFwMmJjIDIvMF
6vkWmQl
ADFAYQAiQ+8IAmQF5SB/RBB72EroBj5TAAxR+A+fAMUQMBQEyR09w3I723hYEyAxM6kkQILPMIgqkHiY
cQO0UO
eELE45gElA9Ud4cvaTogApAv7qINQw5gCInE0bQ9YRa1fdSSVMuzuTcVoP4fwPIVipMyQroc/mxt5cH3
3P4X9OADu
mKDGRjEAPX62TskdF0qnJZfa6/eF6nD9D12Eg6MTtXUlS18eoATbZ60zF0rbxUHNA1+DUqqfnbnk9W13
Fo+ynAA
B714wGw06ZOAAAAAElFTkSuQmCC

Then in the CSS file (line 100 or so) replace 'toolButton.png' with the above.

Original comment by eijs...@gmail.com on 29 Mar 2009 at 1:07

GoogleCodeExporter commented 9 years ago 
See also Issue #279.

Original comment by eslind...@gmail.com on 2 Aug 2011 at 10:45