Base64 Image Encoder
With Free Base64 Image Encoder Tool, optimize your images and convert jpg/png/gif/webp/svg/bmp to base64 online.
Loading...
Features
- Easy to upload local image
- Accepts remote image url
- Supports .jpg, .jpeg, .png, .gif, .webp, .svg and .bmp
- Supports many formats: Data URI, CSS Background Image, Html Image and more
- Generates ready-made examples, let you easy to use
- 100% Free Image Tool
Important Tips
- Uploaded Image Size of up to 10 MB
- Remote Image URL must be start with http:// or https://
- The image type must be .jpg, .jpeg, .png, .gif, .webp, .svg and .bmp
Why Base64 Encoding?
Base64 encoded images can be embedded using img tags or CSS, speeding up load times for smaller images by preventing additional HTTP requests. This can be done to build single-file mockups or demo pages for your customers, HTML email signatures that will not trigger the nasty "show images" warning in email clients, etc.How to use BASE64 as Image Source or CSS Background Image?
For Image Sources, your HTML code should look like this:
For CSS Background, your CSS code should look like this:
.my-class {
background: url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUg...');
}
background: url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUg...');
}