画像をBase64に変換 — 無料オンラインデータURL変換ツール

任意の画像をBase64データURLに変換。ドラッグ&ドロップ・貼り付け・クリックでアップロード。Base64から画像に逆デコードも対応。

無料で使う →

機能

📷

複数の入力方法

ドラッグ&ドロップ・クリックでアップロード・クリップボードから貼り付け(Ctrl+V)に対応。

🔄

2種類の出力

完全なデータURL(data:image/...)と純粋なBase64文字列の両方を取得できます。

👁️

ライブプレビュー

アップロードまたは貼り付け直後に画像プレビューを表示。

🔍

逆デコード

Base64文字列を貼り付けると画像に逆変換し、ダウンロードも可能。

🔒

プライバシー優先

エンコードはすべてローカル処理。画像はサーバーにアップロードされません。

📋

コピーオプション

データURL・純粋なBase64・ファイル名のいずれかをコピーできます。

使い方

1

画像をアップロード

画像をドラッグ&ドロップ・クリックで参照・クリップボードから貼り付け(Ctrl+V)します。

2

出力を確認

データURLと純粋なBase64出力が即座に表示されます。

3

プレビュー

デコードされた画像プレビューでBase64が示す内容を確認できます。

4

コピー

データURL・Base64をコピー、または画像プレビューを参照として活用します。

よくある質問

対応する画像フォーマットは何ですか?
PNG・JPG/JPEG・GIF・WebP・SVG・BMPに対応しています。Web用Base64エンコードで最もよく使用されるフォーマットです。
データURLとは何ですか?
データURLは「data:image/[フォーマット];base64,」というプレフィックスが付いたBase64文字列です。ファイルをアップロードせずに、HTMLやCSSの画像ソースとして直接使用できます。
Base64画像をHTMLで使用するには?
データURLをsrc属性として使用します:<img src="data:image/png;base64,iVBORw0KGgo...">。ブラウザはサーバーリクエストなしに直接デコードします。
逆デコード機能とは何ですか?
Base64またはデータURL文字列を貼り付けると、ツールがそれを画像ファイルに逆変換してダウンロードボタンを表示します。
画像はサーバーに送信されますか?
いいえ。すべてのエンコード・デコードはCanvas APIを使用してブラウザ内でローカルに行われます。画像は端末の外に出ません。

← pudone! ホームへ戻る