Markdown Data URL & Base64 Image Embedder
Embed local PNG, SVG, JPG, and WebP images directly into Markdown as base64 data URIs for 100% portable offline documents.
Click to upload or drag and drop an image
Supports PNG, JPG, SVG, WebP, GIF (Processed 100% locally)
Active: sample.png (68 bytes)
Markdown Image Attributes
Markdown Data URL & Base64 Image Embedder
Embed local PNG, SVG, JPG, and WebP images directly into Markdown as base64 data URIs for 100% portable offline documents.
How to Use the Markdown Data URL & Base64 Image Embedder
Input Content
Paste or compose your markdown or source data into the input editor.
Customize Settings
Select formatting options, syntax modes, or display options.
Copy or Download
Copy the processed output to your clipboard or download the generated file.
Key Features & Capabilities
Frequently Asked Questions
Do base64 images work on GitHub and Obsidian?
Yes! GitHub Flavored Markdown and Obsidian natively render data URI images formatted as ``.
Is there a file size limit for base64 images?
While data URIs work for any size, base64 strings increase file weight by approximately 33%. For optimal performance, we recommend using images under 1MB.
Related Markdown Tools
Markdown to Image
Generate high-resolution social share cards, blog banners, and quotes using 2D Canvas.
Markdown Embed & Media Card Maker
Generate playable YouTube, Loom, GitHub repo, and podcast media embed cards that work in pure GitHub Markdown without iframes.
Link & Image Extractor
Audit all hyperlinks and image URLs, group by domain, check line numbers, and export to CSV.
Markdown Editor
Full-featured dual-pane live editor with syntax toolbar, localStorage autosave, and document stats.