Embed Image into <img> Tags or CSS

You can embed images directly into HTML IMG tags, or into CSS very easily using this tool, it will take your image file, convert it to BASE64 encoding and return full html and CSS markup examples so you can place your image directly into the HTML or CSS of your page.

Note: This is not recommended for large images. With CSS make sure your image is below 2KB and keep an eye on the total size of your CSS files!

All you need to do is upload your image file below and click “encode”, the tool will give you example code for HTML IMG tags, an example for CSS background-image and the raw BASE64 encoded image string.

Upload Image



Let us know what you think!

Has this tool helped you, or is it helping you consistently? Let us know your feedback below.