Image to BASE64
Turn an image into a data URL you can paste straight into your CSS or HTML — no second request.
or drop images here
No upload · No size limit · No account
How to image to base64
- Add one imageSmall images are what this is for — icons, logos, simple graphics.
- Read the size warningBase64 makes a file roughly a third larger. The tool tells you exactly how much.
- Copy what you needCopy data URL gives you the raw string. Copy as CSS background gives you a finished CSS line.
- Paste it into your codeIt works anywhere an image URL would.
When you need it
Removing a request from a page
A small icon embedded in the CSS loads with the stylesheet instead of asking for a separate file.
Embedding an image in an email template
Email clients often block external images. An embedded one shows without permission.
Working somewhere you cannot host files
A single HTML file with its images inside it works with no other files at all.
Questions
Why is the Base64 version bigger than my file?
Because Base64 describes binary data using only 64 safe text characters, which takes about four characters for every three bytes — roughly a third more. That is the price of being able to paste an image into a text file.
What size of image is this normally used for?
Icons, logos and small graphics — typically under about 5 KB — where embedding saves a separate network request. Larger files work exactly the same way; the string is simply longer.
Does converting change the image?
No. The file is read and re-encoded as text without being touched, so what you paste is byte for byte the original.
How do I use it in HTML rather than CSS?
Put the whole string in an img tag's src attribute. It behaves exactly like a normal image URL.
Can I convert it back?
Yes — paste a data URL into a browser address bar and the image appears, ready to save.
More tools
Compress IMAGE
Shrink JPG, PNG and WebP files while keeping them sharp.
In your browserResize IMAGE
Set exact pixels or scale by percentage. Batch supported.
In your browserCompress to EXACT SIZE
Need it under 100 KB? Set the target and hit the number.
In your browserCrop IMAGE
Drag to crop, or lock to a ratio like 1:1 and 16:9.
In your browserImage to PDF
Combine images into one PDF, in the order you choose.
In your browserWatermark IMAGE
Stamp text or a logo over your images, in bulk.
In your browserQR Code GENERATOR
Turn a link or text into a QR code you actually own.
In your browserBeautify SCREENSHOT
Turn a plain screenshot into something worth posting.
In your browserAdd Text to IMAGE
Write over a photo — position, size, colour, outline.
In your browserPhoto FILTERS
Brightness, contrast, saturation, black and white.
In your browserRotate & FLIP
Turn a sideways photo upright, or mirror it.
In your browserCircle CROP
Crop into a circle with a transparent background.
In your browserAdd BORDER
Frame a photo, or give it a polaroid edge.
In your browserSplit Image into a GRID
Cut one image into tiles for a carousel or grid.
In your browserColour Palette EXTRACTOR
Pull the dominant colours out of a photo as hex.
In your browserSocial Media RESIZER
Exact sizes for Instagram, YouTube, LinkedIn and X.
In your browserImage to BASE64
A data URL you can paste straight into CSS or HTML.
In your browserBarcode GENERATOR
CODE128, EAN-13, UPC-A — as PNG or print-ready SVG.
In your browserInvert COLOURS
Flip every colour to its opposite — a negative.
In your browserBlack and White CONVERTER
Take the colour out, fully or partly.
In your browserSepia FILTER
The warm brown cast of an old print.
In your browserRound the CORNERS
Round the corners, transparent outside.
In your browserAdd a VIGNETTE
Darken the edges to pull focus inward.
In your browserSharpen IMAGE
Bring back edge definition after resizing.
In your browserBlur or Pixelate AN AREA
Cover faces, plates and details before sharing.
In your browserFavicon GENERATOR
One image, a full favicon set in a zip.
In your browserMerge IMAGES
Join images side by side or stacked.
In your browserMeme GENERATOR
Top and bottom text in the classic format.
In your browserBase64 to IMAGE
Paste a data URL, get the image file back.
In your browserPlaceholder GENERATOR
A plain image at any size, no upload needed.
In your browserPassport & ID PHOTO
Passport and ID sizes, plus a printable sheet.
In your browserCollage MAKER
Arrange photos into a grid with even spacing.
In your browserBulk Rename IMAGES
Rename a folder to a numbered pattern.
In your browserEXIF VIEWER
See the camera, date and GPS hidden in a photo.
In your browserCompare Two IMAGES
Slide between two images to spot the difference.
In your browserGradient GENERATOR
A gradient image at any size, no upload.
In your browserInitials AVATAR
An avatar from initials, square or round.
In your browserSignature MAKER
Draw a signature, get a transparent PNG.
In your browserDuotone EFFECT
Map a photo onto two colours.
In your browserPosterize IMAGE
Reduce a photo to flat blocks of colour.
In your browserAdd GRAIN
Add film grain for texture or to hide banding.
In your browserColour Picker from AN IMAGE
Click an image to read the exact colour.
In your browserBlur IMAGE
Blur a whole image, softly or heavily.
In your browserTrim WHITESPACE
Cut the blank border from around an image.
In your browserAspect Ratio CALCULATOR
Work out the size that keeps proportions.
In your browserRemove EXIF DATA
Strip GPS and camera data before sharing a photo.
In your browserConverters
How it works
Every tool here runs on the HTML Canvas API inside your own browser. When you drop a file, it is read straight into memory, changed there, and handed back as a download. Not one byte goes over the network — which is why there is no upload wait, no file size cap, and no way for anyone, including us, to see your images.
That also means the tools keep working with no connection once the page has loaded, and the only limit on file size is your device's memory.