Base64 Image Encoder & Decoder - Data URL + CSS Generator

Base64 image encoder/decoder: convert files to Data URLs, decode strings back to downloads, and copy CSS background codeโ€”WebP-ready, local & private. Try it.

Drop or click to select files

You can also paste Base64 text or a file

How to Use

  1. Choose File โ†’ Base64 and drop/select your files.
  2. Copy the Base64 output or the CSS snippet.
  3. Switch to Base64 โ†’ File, paste the string, and download the restored file.

Core Features

  • Encode files into Base64 Data URLs with drag-and-drop.
  • Decode Base64 strings back into downloadable files.
  • Support modern formats like WebP for web performance workflows.
  • Process multiple files in bulk and copy outputs per item.
  • Generate ready-to-paste CSS background snippets instantly.
  • Protect privacy with local, offline processingโ€”no uploads.

Related Tools

FIRE Calculator 2026 (Inflation Adjusted) | Retirement Gap Simulator

The 2026 FIRE Calculator (Inflation Adjusted). Simulate real purchasing power, analyze retirement savings gaps, and generate a visual wealth roadmap. One-click CSV export for your Excel or Notion finance dashboard. 100% Private, client-side calculation.
Position Size Calculator - Risk-Based Trade Sizing

Calculate trade position size from account balance, risk %, entry, and stop loss. Runs locally in your browser with no uploads, so you can compare risk scenarios before you trade.
Compound Interest Calculator | Free APY & Investment Chart

Calculate compound interest from principal, recurring contributions, APY, and time. Visualize principal, interest, and final balance with a local interactive chart.
Online Loan & Mortgage Calculator - Instant Amortization Schedule

Use this Loan Calculator / Mortgage Calculator to estimate monthly payment, total interest, and an amortization schedule locally. Enter amount, rate, and term to calculate now with instant charts.
Online Investment & ROI Calculator - Compound Interest Visualizer

Use this Investment Calculator / ROI Calculator to estimate starting capital, monthly contributions, annual return, and inflation-adjusted results locally. Calculate projected returns with an instant compound interest chart, ROI, and yearly schedule.
APR to APY Calculator - Convert Nominal & Effective Rates

Use this APR to APY Calculator to convert between APR and APY locally. Enter a rate, choose compounding frequency, and see the effective interest rate, spread, and frequency comparison instantly.
Profit Margin Calculator - Margin vs Markup Converter

Use this Profit Margin Calculator to calculate gross profit, Markup, Margin, and selling price locally. Enter cost and price, or cost and target margin, then calculate your margins instantly.
CPM & CPC Calculator - Ad Spend and CTR Online Tool

Use this CPM Calculator and CPC Calculator to estimate ad spend, impressions, clicks, CPM, CPC, and CTR locally. Enter budget and target costs to plan campaign scenarios instantly.

Calculation Logic

  • Data URLs follow data:[<mediatype>][;base64],<data>.
  • FileReader reads files asynchronously to keep the UI responsive.
  • MIME detection ensures correct prefixes and file extensions.

FAQ

  • Is it free?
    • Yes.
  • Do you upload my files or Base64 text?
    • No. Everything runs locally in your browser.
  • How do I use a Base64 image in CSS background?
    • Upload an image and copy the generated background-image: url('data:...') snippet.
  • Why does Base64 increase file size? (Technical)
    • Base64 encodes 3 bytes into 4 characters, which typically adds ~33% overheadโ€”best for small assets or inline usage.
  • Can I convert WebP images to Base64?
    • Yes, WebP and other modern formats are supported.