Simian Design

Now that IS cool, especially if you want to produce stand alone documents (reports with graphs and no dependencies for instance).

What tool did you use to produce the

img src="data:image/png;base64,iVBORw0KGgoAAAANSUh...

string?

I cheated. I just copied the source of the image from their site.

I've done some quick experimenting in trying to getting the code of the image. If you try and open an image file into a text editor it doesn't work in this instance. The source needs to be base64. That's the important step.

Quick way of getting the information using PHP:
<?php
$image = $_GET['imgsrc'];
list(, , , $attr, $mime) = getimagesize($image);
echo '&lt;img src="data:'.$mime.';base64,'.base64_encode(file_get_contents($image)).'" '.$attr.' /&gt;';
?>
This will produce the image tag directly on the page for you to copy and paste.