Base64 ファイル変換ツール

任意のファイルや画像を Base64 データ URI にエンコードし、データ URI をダウンロード可能なファイルにデコードして復元します。

ツールを読み込み中…

Base64 ファイル変換ツール任意のファイルや画像を、CSS や HTML にそのまま貼り付けられる Base64 データ URI に変換し、逆にデータ URI をワンクリックで元のファイルに復元できます。処理はすべて FileReader と atob を使ってブラウザー内で 100% 完結するため、ドロップしたファイルが端末の外に出ることも、サーバーにアップロードされることもありません。

Base64 ファイル変換ツールとは?

Base64 ファイル変換ツールは、バイナリファイルと Base64 データ URI を相互に変換できる無料のブラウザー内ツールです。Web 開発者は、小さなアイコンやフォント、画像をスタイルシートやマークアップに直接インライン化してネットワークリクエストを減らすのに使い、QA やサポート担当者は、長いデータ URI として送られてきたファイルをデコードで復元するのに使います。「エンコード」ではファイルをドロップしてそのデータ URI をコピーでき(CSS の background-image ルールや HTML の img タグとして事前に包むことも選べます)、「デコード」ではデータ URI を貼り付けて復元したファイルをダウンロードします。入力画像とデコードした画像は、クリックで拡大できるプレビューが表示されます。

Base64 ファイル変換ツールの使い方

  1. 上部の「エンコード / デコード」切り替えでモードを選びます。
  2. エンコードするには、アップロード領域にファイル(または画像)をドロップまたは選択します。Base64 データ URI が即座に出力欄に表示されます。
  3. 「設定」を開いて出力の包み方を選びます:素のデータ URI、CSS の background-image ルール、または HTML の img タグ。
  4. 「コピー」ボタンを押すとデータ URI がクリップボードに入ります。
  5. デコードするには「デコード」に切り替え、データ URI をテキスト欄に貼り付けます。プレビューとファイル情報が表示されます。
  6. 「ダウンロード」ボタンをクリックして、復元したファイルを端末に保存します。

使用例

小さな PNG アイコンを CSS にインライン化する

エンコードモード:2 KB の icon.png をドロップし、包み方を CSS にして、background-image: url("data:image/png;base64,…") のルールをそのままスタイルシートにコピーします。

データ URI として受け取ったファイルを復元する

デコードモード:data:application/pdf;base64,… の文字列を貼り付けてダウンロードを押すと、サーバーを経由せずに report.pdf を取り戻せます。

Base64 画像を使う前にプレビューする

デコードモード:data:image/jpeg;base64,… の文字列を貼り付けると、画像がプレビュー枠に表示され、クリックするとライトボックスで原寸表示できます。

よくある質問

どんなファイルをエンコードできますか?
あらゆるファイルに対応します:画像、PDF、フォント、アーカイブ、JSON、プレーンテキストなど。ブラウザーの FileReader でファイルを読み取り、正しい MIME タイプを含む Base64 データ URI を生成します。
なぜ Base64 出力は元のファイルより大きいのですか?
Base64 は 3 バイトのデータを 4 文字にエンコードするため、データ URI は元のファイルより約 33% 大きくなります。これは正常なトレードオフで、バイナリデータをテキストとして埋め込む代償です。
デコードするとどんなファイル名になりますか?
ツールはデータ URI から MIME タイプを読み取り、それに応じて decoded.png や decoded.pdf のように名前を付けます。タイプが不明な場合は .bin 拡張子にフォールバックします。
data: 接頭辞のない素の Base64 文字列もデコードできますか?
はい。data: ヘッダーのない素の Base64 を貼り付けると、汎用バイナリファイル(application/octet-stream)としてデコードされ、.bin ファイルとしてダウンロードできます。
私のファイルはどこかにアップロードされますか?
いいえ。エンコードもデコードもすべてブラウザー内のクライアントサイドで実行され、アップロードもサーバーとの通信も行いません。そのため、あなたのファイルは端末内で非公開のまま保たれます。

関連ツール