InoTools Dev

Base64 ↔ 画像 変換

画像ファイルをBase64データURIに変換、またはBase64テキストから画像に復元・ダウンロードする無料ツールです。HTMLやCSSへの画像の直接埋め込みに便利です。ブラウザ内で処理が完結するため、画像ファイルは外部へアップロードされず安全です。
入力

画像をここにドロップするか、クリックして選択

PNG, JPG, WebP, GIF, SVG

出力
使い方 と 用語解説

Base64画像変換とは?

画像ファイル(バイナリデータ)を、HTMLなどテキスト文書に直接書き込めるように、アルファベットと数字からなるテキスト文字列(データURI)に変換・復元するツールです。

ツールの使い方

  • 画像からBase64へ(エンコード): 画像ファイル(PNG等)をドロップエリアに入れると、即座にBase64文字列が生成されます。<img src="data:image/png;base64,..."> の形式で使用可能なデータURIをコピーできます。
  • Base64から画像へ(デコード): 他のシステム等で取得した長いBase64文字列をテキストエリアに貼り付けると、元の画像を画面上にプレビューとして復元し、通常の画像ファイル(PNG/JPEG等)として再度ダウンロードできます。

よくあるユースケース(活用シーン)

  • Webサイトで必ず表示される数十バイトの極小のローディング用SVGアイコンをBase64テキストに変換し、CSSの background-image に直接記述することでブラウザの外部通信回数(HTTPリクエスト)を削減する。
  • APIから返却されたユーザーのプロフィールアイコン画像(Base64形式の文字列)をデコード欄に貼り付け、どのような画像データになっているか目視で確認してダウンロードする。

特記事項・制限事項

  • 大きな画像ファイルをBase64文字列に変換すると、元のファイルサイズよりもデータ量が約33%増加します。巨大な高解像度画像(数MB以上)をこの形式でHTMLやCSSに直接埋め込むと、かえってWebページの読み込み全体が遅延するため注意してください。

セキュリティ

画像ファイルからテキストへの変換、およびテキストから画像への復元処理は、完全にブラウザ内部で完結しています。画像データが外部サーバーに送信・保存されることはなく、高いセキュリティを確保しています。

関連ツール

あなたのワークフローを効率化するその他のツール

Markdownエディター

Markdown ビューアー

文字数計算 (Word Counter)

Lorem Ipsum ジェネレーター

Base64 エンコーダー / デコーダー

URL エンコーダー / デコーダー

文字コード・バイナリ変換