Convert base64 to an image
Learn how to generate PNG’s or JPG’s from base64. Works with Zapier and Integromat.
How it works
To render base64 to an image, you can use an img tag and set the src to the base64 of your image.
<!-- Base64 is truncated for the example -->
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRo..." width="100px"/>
Example
In this example we convert a base64 of our logo into an image.
<img src="data:image/png;base64,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" width="100px"/>
Use this with Zapier or Make
We have integrations for both Zapier and Make. You can use the example code above to convert base64 to images without writing any code yourself.
Need help?
Talk to a human: support@htmlcsstoimage.com. We always respond within 24 hours. And often, even faster.