このツールについて
APIのレスポンスに含まれるBase64文字列を読める形に戻したい、逆に画像やトークンをBase64化してJSONやCSSに埋め込みたい、といった場面は開発をしていると頻繁に出てきます。このツールはテキストの入力欄に貼り付けるだけで、Base64への変換・Base64からの復元をその場で行います。
変換方向は「エンコード」「デコード」のタブで切り替えます。デコード時に文字列が壊れている場合や、Base64として解釈できない文字が含まれている場合は、その場でエラーとして表示されます。
テキストだけでなく、画像ファイルを選んでBase64化することもできます。CSSやHTMLにそのまま埋め込めるdata URL形式での出力にも対応しており、逆にBase64やdata URL文字列を貼り付けて画像としてプレビュー・ダウンロードすることも可能です。
使い方
- 上部のタブで「エンコード」「デコード」、続けて「テキスト」「画像」を選びます。
- テキストの場合は入力欄に、画像の場合は「画像を選択」ボタンからファイルを指定します。
- 右側に変換結果がリアルタイムに表示されます。画像をデコードした場合はプレビューとダウンロードボタンが表示されます。
- エンコード時は「URLセーフ」「Data URL形式で出力」のスイッチで出力形式を切り替えられます。
特徴
テキスト・画像の両方に対応
文字列だけでなく、画像ファイルを選んでBase64に変換したり、Base64を画像としてプレビューしたりできます。
data URL形式での出力
画像をエンコードする際、CSSやHTMLにそのまま貼り付けられるdata URL形式（data:image/png;base64,...）で出力できます。
日本語や絵文字にも対応
UTF-8 でエンコードするため、マルチバイト文字を含む文字列も正しく変換できます。
ブラウザ内で完結
変換処理はすべてブラウザ内のJavaScriptで行われます。画像やトークンなど機密性のあるデータを扱っても外部に送信されません。
よくある質問
Base64はデータを暗号化する仕組みですか？
いいえ。Base64は暗号化ではなく、バイナリデータを英数字と一部の記号だけで表現するための符号化方式です。誰でも簡単にデコードできるため、機密情報を守る用途には使えません。
デコードすると「デコードできませんでした」と表示されます
入力された文字列がBase64として不正な長さだったり、Base64に使われない文字が含まれている場合に表示されます。改行や余分な空白が混ざっていないか確認してください。
画像をBase64に変換すると、どのくらいサイズが大きくなりますか？
Base64はバイナリデータを表現するのに約4/3（約33%）多くの文字数を必要とします。大きな画像を扱う場合は、通信量や表示速度への影響にご注意ください。
貼り付けたBase64が画像として表示されません
貼り付けた文字列がdata URL形式でない場合は、右側のプルダウンから正しいMIMEタイプ（image/pngなど）を選んでください。それでも表示されない場合、画像として不正なデータの可能性があります。