Slice 2 Copy
Image to Base64 Encoder
Convert image (jpg, png, svg) to base64 string online for use in HTML img tag and in CSS files as data URI.
How to use?
Base64 Encoded Image
Drag and Drop image anywhere or Click here
How to use Image to Base64 Encoder?
Drag and drop image from your local system to the canvas above for converting to Base64.
string will appear above once the image is loaded.
Base64 encoding is done as data:image/png for png images.
For all other image types such as .jpg, .ico, .svg, .gif, .bpm etc. encoding is done as data:image/jpeg.
It is recommended to convert only small size images to Base64 string.
Note that Internet Explorer 8 has a limit of 32 KB for
. Earlier versions have no support for it.
If you need to crop the image before converting then use the
We do not store any of your images as everything is done client side.
More Design Tools
Online tool for cropping images. Download cropped image in JPG or PNG format.
Image to Base64
Convert Image to base64 string for use in HTML img tag and in CSS files as data URI.
Enter color in RGB, HEX, HSL or HSV and get different shades of the color.
Convert colors from RGB to HEX, HEX to RGB, RGB to HSL, HSL to RGB, RGB to HSV etc.
Extract colors from an Image. Builds a color palette from dominant colors in an image.
Generate Linear and Radial Gradient CSS code and Background Images.