ここで実行 100% ブラウザ内で動作します。アップロードもログインも不要です。
Base64 Image
画像と Base64 data URL を双方向変換。完全オフラインで動作。
画像 → data URL
data URL / Base64 → 画像
変換はブラウザ内で完結し、ファイルは端末の外に出ません。
使い方
- エンコード：5MB までの画像を選択すると、data URL が即座に生成されます。
- 素の Base64 だけが必要なときは data: 接頭辞を除去をオンにします。
- コピーで出力を取得します。
- デコード：data URL または素の Base64 を下のパネルに貼り付け、画像をプレビューを押します。
- デコード後の寸法と推定サイズがプレビュー下に表示されます。
よくある用途
- 小さいアイコンのインライン化 ——
background-image: url(data:...)で CSS に直接埋め込み、リクエストを 1 回節約。 - 自己完結する HTML —— 画像を 1 ファイルに埋め込み、メールテンプレートやオフライン文書に。
- ペイロードのデバッグ —— API レスポンスの Base64 を貼り付けて、実際の画像を確認。
よくある質問
Q: Base64 出力が元ファイルより大きくなるのは？ A: Base64 は 3 バイトを 4 文字にエンコードするため、テキスト出力はバイナリより約 3 分の 1 大きくなります。バイト列をテキストで表すための固定コストです。
Q: 大きい画像のインライン化は適切ですか？ A: data URL は個別キャッシュが効かず、親文書も肥大化します。インライン化が効くのは数 KB のアイコンや小さな図形までで、写真は別ファイルにすべきです。
Q: Base64 は有効なのにプレビューが出ないのは？ A: 文字列はデコードできても、img 要素で表示できない形式か、画像以外のデータの可能性があります。ペイロードが本当に画像データか確認してください。
データはこのデバイス内にとどまります
Base64 Image は 100% ローカルで動作します。貼り付けたり、ドロップしたデータはすべてお使いのブラウザ内で処理され、送信されることはありません。当社のサーバーには何も保存されません——タブを閉じればすべて消えます。
入力された内容がサーバーへ送信・記録・解析利用されることはありません。初回読み込み後はネットワークを切断していてもこのページは動作します。