Convert Images to Base64
You can upload images as JPG, PNG, GIF, WebP, SVG or BMP.
Just select your pictures or drag & drop it below, and you get a base-64 string in 4 different versions
- just an encoded string
- a datauri encoded string
- a complete IMG tag with encoded source
- a css encoded background-image property
Inlining images into HTML with Base64
Base64 encoded images become part of the html and displays without loading anything instead of a web browser having to download the image.
The main benefit is that a webpage does not have to load an external image. Reducing the things a webpage has to load will naturally make that page faster.
It is best to only base64 encode tiny images. If you try to base64 larger images you will end up with a great deal of code in your html and lose out on the performance benefits.