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 ファイル変換ツールの使い方
- 上部の「エンコード / デコード」切り替えでモードを選びます。
- エンコードするには、アップロード領域にファイル(または画像)をドロップまたは選択します。Base64 データ URI が即座に出力欄に表示されます。
- 「設定」を開いて出力の包み方を選びます:素のデータ URI、CSS の background-image ルール、または HTML の img タグ。
- 「コピー」ボタンを押すとデータ URI がクリップボードに入ります。
- デコードするには「デコード」に切り替え、データ URI をテキスト欄に貼り付けます。プレビューとファイル情報が表示されます。
- 「ダウンロード」ボタンをクリックして、復元したファイルを端末に保存します。
使用例
小さな 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 ファイルとしてダウンロードできます。
- 私のファイルはどこかにアップロードされますか?
- いいえ。エンコードもデコードもすべてブラウザー内のクライアントサイドで実行され、アップロードもサーバーとの通信も行いません。そのため、あなたのファイルは端末内で非公開のまま保たれます。