使い方
- ファイルを選択を押して画像を選ぶか、枠にドロップします。その下にBase64テキストが表示されます。
- データURL、Base64テキスト、CSSの背景ルール、HTMLの画像タグを、その横のコピーボタンでコピーします。
- 逆に、Base64テキストまたはデータURLの欄の下にBase64テキストかデータURLを貼り付け、画像を表示を押します。
- 画像をダウンロードを押すと、その形式と拡張子で保存されます。
Base64とは
Base64は、任意のバイト列を、64種類の安全な英字と数字（RFC 4648）で書き表します。3バイトごとに4文字になるため、テキストはファイルより約3分の1大きくなります。圧縮も隠蔽もしません。誰でも復号できます。
データURLとは
データURL（RFC 2397）は、ファイルをアドレスそのものに入れます。data: の後に画像の種類、;base64, と Base64テキストが続きます。ブラウザは、サーバーにファイルを求めずに、画像タグや CSS の背景として表示できます。小さい画像やアイコンに向いており、大きい画像はページを重くします。
画像は端末の中にとどまります
ファイルは、ブラウザの中で読まれてテキストに変換され、貼り付けられた文字列もそこで読まれます。何もアップロードされません。貼り付けられた画像の種類は、先頭のバイトから判断されるため、間違ったラベルではツールをだますことはできません。
例：小さいアイコン
3000バイトのPNGアイコンは、Base64テキストで約4000文字になり、ファイルより約3分の1大きくなります。データURLでは、その前に22文字の data:image/png;base64, が付きます。
よくある質問
変換するとき、画像はアップロードされますか？
いいえ。ファイルは、お使いの端末の中でブラウザが読み取り、Base64テキストに変換されます。ページを読み込んだ後にインターネット接続を切り、画像を変換して確かめられます。
Base64のテキストが、ファイルより大きいのはなぜですか？
Base64は、ファイルの3バイトごとに4文字で書くため、テキストは約33%大きくなります。同じバイト列を別の書き方で表しているだけです。
データURLは、いつ使うべきですか？
データURLは、アイコン、プレースホルダー、小さいロゴのような小さい画像に向いています。サーバーへの別の要求が要らないからです。大きい写真は、ファイルを置いてリンクしてください。Base64はページを重くし、単独ではキャッシュできないためです。
WebページからデータURLを貼り付けられますか？
はい。data: で始まるデータURL全体か、カンマの後のBase64部分だけを貼り付けてください。画像の種類はバイト列から判断されるため、ヘッダーの間違ったラベルは問題になりません。
とても長いテキストが表示されないのはなぜですか？
テキストボックスは何百万文字もあると遅くなるため、200万文字を超えるBase64テキストは表示されません。ダウンロードボタンを使って、テキストファイルとして保存してください。
Base64は、画像を隠したり保護したりする方法ですか？
いいえ。Base64は暗号化ではなく、符号化です。テキストを持つ人なら誰でも、一度の操作で同じ画像に戻せるため、画像を非公開に保つために頼ってはいけません。
出典
数値と文章の最終確認日：2026年11月10日火曜日。