Skip to main content
eyunzhu

Image and Base64 converter

Image ↔ Base64 · Instant preview · Copy with a click

Images stay on your device
Updates as you type

Files

0 · 0 selected

No images selected yet.

Drop images or a ZIP file here You can also paste an image or select several at once.
JPEG · PNG · WEBP · AVIF · GIF · HEIC · HEIF

Settings

Advanced settings
Export settings
ID photo compositionOn-device detection only suggests a crop; you can still adjust it before export.

This image’s crop has not been confirmed.

ID photo backgroundOptional on-device portrait cut-out; the original never leaves your device.
Apply to
Format
Dimensions
Preset sizeCommon platform sizes

Select one or more sizes; each image is exported in every selected size.

Icon safe area12%
Icon background

One composition generates favicon, PWA and common app sizes, plus a manifest.

Crop areaDrag the box to resize or reposition it
Rotation
Quality88%
Dimensions
Image position
Padding on each sidepx
Background
Split by
Layout
Alignment
Advanced settings
Luminance histogram
Watermark image

Position

Advanced settings
Background removal mode
Upscale imageReal-ESRGAN · 2×

Pick a colour from the image

Alignment
Metadata task
Scan appearance

Drag each corner onto the document. Arrow keys make precise adjustments.

Quality
Frame rangeLeave the last frame blank to use the rest.

Base64 increases data size. This tool limits input to protect browser memory.

Image to Base64
Image preview

Paste your content to see the image here.

Choose what to do next

Images are passed temporarily within this browser and are not uploaded.

Images to continue with
Batch image processorBuild a workflow · Process images in batches Crop imageCrop ratios · Straighten · Compose each image Split imageGrid tiles · Long image slices · Custom guides Stitch imagesHorizontal strips · Vertical strips · Grids Resize imagePixels or percent · Fit options · Multiple sizes Extend image canvasAdd margins · Set canvas size · Choose a background Social media image resizerPlatform sizes · Composition guides · Batch export Compress imageSmart compression · Target file size · Compare originals Convert image formatConvert on import · Multiple formats · Batch download Edit imageRotate and flip · Adjust colors · Undo and redo Add an image watermarkText or image watermark · Drag to position · Tile Redact faces and private detailsFace detection · Draw masks · Batch processing Adjust image coloursExposure and color · Histogram · Live preview Image colour pickerClick to pick · HEX / RGB / HSL · Image palette Replace an image colourSample a color · Tolerance and feathering · Live preview Compare imagesSlider and side-by-side views · Pixel differences View and remove image metadataImage details · Privacy check · Remove metadata Find duplicate imagesImport a folder · Exact duplicates · Similar images Create GIF from imagesImages to animation · Frame duration · Reorder frames Extract GIF framesFrame range · Extraction interval · Batch download Edit animated GIFFrame order and timing · Reverse · Crop and resize Compress GIFReduce colors · Skip frames · Resize GIF to sprite sheetFrames to a grid · Sprite coordinates Images to PDFReorder images · Page settings · Combine into PDF Favicon and app icon generatorWeb and app icons · Safe padding · Multiple sizes Image placeholder generatorBlurHash · ThumbHash · Tiny image previews Sprite sheet makerArrange images · Set spacing · CSS and coordinates Remove image background locallyPortrait or general cutout · Refine edges · Replace background Image to text (OCR)Recognize text · Select a region · Export text Document photo scannerAdjust corners · Enhance documents · Multipage PDF Upscale imageLocal AI upscaling · 2× size · Enhance detail ID photo makerPhoto specifications · Composition · Background China passport photoPhoto specifications · Composition · Background China identity card photoPhoto specifications · Composition · Background China teacher qualification exam photoPhoto specifications · Composition · Background China civil service exam photoPhoto specifications · Composition · Background Hubei social security card photoPhoto specifications · Composition · Background U.S. visa photoPhoto specifications · Composition · Background Japan visa photoPhoto specifications · Composition · Background

About this tool

Check image data copied from HTML, CSS or an API against the actual picture. Copy a full Data URL in one direction, or inspect the detected format and save decoded bytes in the other.

How to use

Image and Base64 converter

What this tool is for

Convert image files to Data URLs and decode image Data URLs back to files, with a copyable text result and a downloadable image preview.

How to use it

Selecting an image immediately produces its full Data URL. Paste an image Data URL or plain Base64 to convert back with a live preview. Copy the text or download the original decoded bytes.

Results and next steps

Encode mode returns a copyable Data URL; decode mode returns a previewable image file. The entered source remains visible for verification.

Privacy and local processing

Processing runs in your browser. Source images are not uploaded by this tool.

Common questions

Can I decode Base64 without a data:image prefix?

Yes. The decoded file header determines its actual image type, and the preview updates automatically. Download preserves the decoded bytes rather than re-saving the preview. Image data is limited to 20 MiB; input text has a separate length limit.

Does Base64 make an image smaller for a website?

Usually not. Base64 uses roughly one-third more characters than the original bytes, plus a Data URL prefix. It suits small embedded assets; compressing larger photos and using ordinary image URLs is often easier to manage.

What should I check when pasted Base64 is rejected?

Paste only the image Data URL or Base64 payload, without JSON quotes, field names or ellipses. Whitespace is allowed. Ordinary image URLs and URL-safe Base64 using hyphens or underscores are not accepted; recopy truncated data in full.

Comments

0
to join the discussion.
No comments yet.
Reply thread

Follow the complete conversation chronologically; each reply identifies the specific message it answers.