Image to Base64 Online — Data URI in Browser
Convert a local image (PNG, JPEG, GIF, WebP, SVG) to Base64 or a data URI. 32 MiB limit — nothing is uploaded.
How conversion works
Pick a PNG, JPEG, GIF, WebP, or SVG file (max 32 MiB). Choose data URI or raw Base64. Preview renders via an img element — SVG is never injected into the DOM as markup.
Options
Examples
Data URI
Input
Output shape
Raw Base64
Input
Output shape
Related tools
For text Base64 use base64. For SVG-specific data URIs see svg-to-data-uri.
Image to Base64 FAQ
Limits & formats
What is the size limit?
32 MiB. Larger files are rejected — there is no unlimited upload.
Why does Base64 expand size?
Base64 expands binary data by about 33%. Prefer files or CDN URLs for production assets.
Is SVG preview safe?
Preview uses only an img with a data URI — never inline SVG DOM injection.
Encoding
Encode or decode Base64, URL components and HTML entities — client-side only.
Explore other tool categories
Minify
Shrink code and assets for production — minify JavaScript, CSS, HTML, JSON and XML before gzip or CDN deploy.
Beautify
Make code readable with consistent indentation — beautify JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML and more in your browser.
Unminify
Expand minified or compressed code — unminify JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML and other formats when debugging or reviewing.
Conversion
Transform data between JSON, YAML, XML and CSV locally — no server uploads.
CSS preprocessors
Compile SCSS or LESS to standard CSS in the browser — pair with beautify or minify for a full stylesheet workflow.
JSON Tools
Validate, format, diff and explore JSON payloads — complementary to minifiers and converters.
SVG Tools
Preview, optimize with SVGO, export Data URI, resize, beautify, convert to JSX and validate SVG — all in your browser.
DevOps & Infra
Terraform HCL format/validate/minify, Dockerfile format & lint, Docker Compose and .env validation.
CI/CD
GitHub Actions and GitLab CI — format YAML and check workflow/job structure in your browser.
Logs & observability
Line-oriented JSON/NDJSON and Nginx/Apache access logs — format, filter, validate, and CSV/TSV.
Kubernetes
Multi-doc manifests, structural validate, Ingress/Deployment starters, and Helm values formatting.
Networking / IP
CIDR, subnets, and IPv4/IPv6 helpers — in your browser.
Security & tokens
JWKS, X.509 certificates, and secrets scan — browser-local.
API & schemas
OpenAPI tools to format, validate, and lint your specs.
Developer utilities
Timestamps, UUID, ULID, Nanoid, cron, passwords, regex, slugify, number bases, case, text diff, and chmod — all client-side.
Text & Markdown
Count words, build Markdown TOCs, and clean line lists — all in your browser.
Serialization
Serialize and deserialize PHP data structures beside JSON workflows.