Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>If you load inline images, each event.function like ready, load and so on will make the images available. For those who's server is able to PHP, use on server side:</p> <pre><code> ob_start('ob_gzhandler'); function img2base64($filename,$filetype,$cut=1){ $imgbinary=fread(fopen($filename,"r"),filesize($filename)); $out=base64_encode($imgbinary); if($cut==1)$out=chunk_split($out); return "data:image/".$filetype.";base64,".$out; } echo "&lt;img src='".img2base64("myimage.gif","gif")."'&gt;&lt;br&gt;"; echo "My favorit Image&lt;br&gt;"; echo "&lt;img src='".img2base64("myotherimage.jpg","jpeg")."'&gt;"; ob_end_flush(); </code></pre> <p>The inline images have a big size, but they are compressed by the gz_handler if the browser is able to decompress. Most case they are. Because a jpg will be compressed again and gif will be smaller, I find that useful. Sorry for the excursion to php. Hope it was English.</p> <p><strong>PS</strong> If that image is not one of several, think of taking the base64 encoded image for a style class. You need to load a div with the class/id attribute. </p> <p>style:</p> <pre><code>.myImage{display:block;width:XXpx;height:XXpx; background-image:url("data:image/png;base64,zMzADMzMwAAZgBm...") } </code></pre> <p>body:</p> <pre><code>&lt;div class="myImage"&gt;&amp;nbsp;&lt;/div&gt; </code></pre> <p>It's so fast! and by the way google don't copy that image. I have websites with a bookcase where each spline is an image.</p> <p><a href="http://www.kineticus.org/bernward-frank.html?id=lib&amp;nr=bibpgqxr" rel="nofollow">Slow because of image post load.</a></p> <p><a href="http://www.kinetic-art.net/bernward-frank.html?id=lib&amp;nr=bibpgqxr" rel="nofollow">Fast because of image style.</a></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload