Skip to content

Instantly share code, notes, and snippets.

@ralgh

ralgh/gist:4532090

Last active September 8, 2017 01:04
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ralgh/4532090 to your computer and use it in GitHub Desktop.
Save ralgh/4532090 to your computer and use it in GitHub Desktop.
Download ZIP
Starting this as a collection of useful data-uri strings.
Raw
gistfile1.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Tiny data-uri image strings</title>
<style>
.image-sample{
border: 1px solid;
}
</style>
</head>
<body>
<h1>Tiny data-uri image strings</h1>
<h2>Smallest Transparent GIF image data-uri</h2>
<p>Credit for this image goes to <a href="http://probablyprogramming.com/2009/03/15/the-tiniest-gif-ever">this article</a>.</p>
<pre>data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==</pre>
<!-- credit: http://probablyprogramming.com/2009/03/15/the-tiniest-gif-ever -->
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Smallest Transparent GIF data-uri" class="image-sample" height="100" width="100" />
<h2>Smallest Transparent PNG</h2>
<p>Credit <a href="https://gist.github.com/3063613">this gist</a></p>
<pre>data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII%3D</pre>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII%3D" alt="Smallest Transparent PNG data-uri" class="image-sample" height="100" width="100" />
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment