Why convert images to Base64?

Base64-encoded images can be embedded directly in HTML or CSS as data URIs, eliminating the need for separate HTTP requests and reducing page load time for small images.

What image formats are supported?

The tool supports JPEG, PNG, GIF, WebP, SVG, and other common image formats. The maximum file size is 10 MB.

Can I convert Base64 back to an image?

Yes, paste a Base64 string or data URI to decode it back into a viewable image that you can download.

When should I use Base64 images instead of regular image files?

Base64 is best for small icons or logos (typically under 5 KB) where the benefit of fewer HTTP requests outweighs the size overhead. For larger images, linking to a separate file is more efficient for performance and caching.

Is my image data safe when using this tool?

Yes, all conversion happens entirely in your browser using the FileReader API. Your images are never uploaded to any server, ensuring complete privacy.

画像 ↔ Base64変換ツール

画像をBase64データURIに変換してHTMLやCSSに埋め込めます。ドラッグ&ドロップまたはBase64貼り付けでデコードも可能。

🖼️

画像をここにドロップまたはクリックしてアップロード

最大ファイルサイズ: 10 MB

またはBase64文字列を貼り付けてデコード

使い方

画像をBase64データURIに変換してHTMLやCSSに埋め込めます。ドラッグ&ドロップまたはBase64貼り付けでデコードも可能。

1Upload an image by clicking the drop zone or dragging a file onto it.
2The tool converts the image to a Base64-encoded data URI instantly.
3Copy the full data URI string or just the raw Base64 portion.
4Use the data URI directly in HTML `<img src>`, CSS `background-image`, or JSON payloads.
5Optionally paste an existing Base64 string to preview and verify the decoded image.

主な機能

Converts any image (PNG, JPEG, GIF, WebP, SVG) to Base64 instantly
Outputs both the full data URI and the raw Base64 string separately
Preview the image alongside the encoded output for verification
Runs entirely in the browser — your images are never uploaded to a server
Supports drag-and-drop upload for a fast, seamless workflow

よくある質問

詳しく読む

Base64 Encoding Explained — What It Is and How to Use It