The data URI for a white transparent image is


This data scheme will give a 1×1 px gif image which can be used as overlays or empty space fillers

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="400px" height="400px" />

This can also be used in CSS as background image.

  background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);

The data URI for the black one is,


The Base64 encoder tool

There is an online tool to convert to any image to this Base64 format. The tool is in


Add your comment No Comments so far