Multiple base64 files in one

Question

Can you combine these 2 images into one external file on this JS fiddle and link to them as images?

Something like

Answer 1

Put each base64-encoded picture in a file of its own, then use server-side code to insert the base-64 data inside the HTML page. The server will see three separate files, but the client (i.e. the web browser) is served one big file. Now you only have one big HTTP request for the HTML page together with the two pictures. If necessary, use mod_rewrite to make the web browser believe that it is a static cacheable HTML page rather than a server-side PHP/Perl/whatever page.

Simple PHP example (tested on Ubuntu 12.04):

" />
" />

Note: make sure the base64 files do not have a newline character at the end.