URL to Base64 converter for image data URLs.
Paste a direct image URL and get its Base64 data URL. Runs in your browser with FileReader — no upload. When a host blocks cross-origin reads, you get a clear CORS message instead of a mystery error.
Fetch an image, get its Base64.
Enter a direct image URL. splitforms fetches it in your browser and encodes the bytes to a Base64 data URL. If the host blocks cross-origin requests, you will get a clear CORS message.
Good fit
Inlining a small hosted logo or icon into HTML, CSS, JSON config, or an email where external requests are blocked.
Bad fit
Large photos and frequently changing assets — Base64 bloats size and defeats browser caching.
CORS blocked
If you see a CORS error, the host must add Access-Control-Allow-Origin. Download the file and use the Image to Base64 tool instead.
Image to Base64
Encode a local image file into a Base64 data URL.
Base64 to image
Decode a Base64 string back into a viewable image.
Base64 decode
Decode Base64 text into readable plain text.
HTML form generator
Build a form and copy production-ready HTML.
Need to send a file via a form? See the HTML file input guide or encode a local image with the Image to Base64 converter.
What does a URL to Base64 converter do?
You give it a direct link to an image file. The tool fetches the bytes in your browser, encodes them with FileReader, and returns a Base64 data URL you can paste into HTML, CSS, JSON, or an email template.
Why did I get a CORS error?
Most image hosts do not send the Access-Control-Allow-Origin header, so the browser refuses to let this page read the response. When that happens you see a clear CORS message. Download the image and run it through the Image to Base64 tool instead.
Is the image uploaded to splitforms servers?
No. The fetch and the Base64 encoding both happen in your browser. The bytes never touch a splitforms server.
Which image types are supported?
Any type the browser can decode: PNG, JPG, WebP, GIF, SVG, AVIF, and more. If the URL returns HTML or JSON instead of an image, the tool tells you and stops.
Is there a size limit?
Yes — 8 MB, to keep the tab responsive. Base64 adds about 33% to the original size, so large photos are better kept as hosted files rather than inlined data URLs.
Should I use Base64 from a URL in production?
Only for small, stable assets like icons or logos. For large images, a CDN URL with caching is faster, smaller, and cheaper than an inlined data URL.
Ship forms that accept real files.
splitforms accepts file uploads on every plan — resumes, screenshots, PDFs, images. 500 submissions per month, free forever.
Try splitforms free →