A Data URL is a `data:` URI that stores file content directly inside the URL instead of referencing a separate file.

Should I use Base64 every time?

Not always. Plain URL encoding can be shorter for simple text, while Base64 is useful for binary or complex content.

Is the payload private?

Yes. Encoding and decoding run in your browser for this tool.

Data URL Encode / Decode

Generate `data:` URLs for text, HTML, SVG, or other inline assets, or decode existing Data URLs to inspect their payload and metadata. This tool is useful when embedding small assets, testing inline resources, or debugging encoded snippets in frontend projects.

無料 · 制限なし · ブラウザで処理

使い方

1Choose Encode to create a Data URL or Decode to inspect one.
2For encoding, enter the source text and set the MIME type, charset, and optional Base64 mode.
3For decoding, paste a complete Data URL to reveal its payload and metadata.
4Copy the generated or decoded value.

よくある質問

What is a Data URL?: A Data URL is a `data:` URI that stores file content directly inside the URL instead of referencing a separate file.
Should I use Base64 every time?: Not always. Plain URL encoding can be shorter for simple text, while Base64 is useful for binary or complex content.
Is the payload private?: Yes. Encoding and decoding run in your browser for this tool.