Base64変換

Base64エンコード/デコードツールの使い方

テキストを入力するか、ファイルをドロップするだけ。自動判定モードならBase64文字列を貼り付けるとデコード、普通のテキストを入れるとエンコードを自動で切替えます。デコード結果が画像なら即時にプレビュー表示。エンコード結果は Base64 / data:URI / <img> / CSS の4形式で出力できるので、HTMLやCSSへの埋め込み用途にも便利です。

Base64とは？

Base64は、画像・音声・PDFなどの「バイナリデータ」を、英数字と記号（A-Z, a-z, 0-9, +, /）だけで表現する変換方式です。文字しか送れない仕組み（メール本文・JSON・URL等）にバイナリを乗せるために使われます。元データより約33%サイズが増えますが、テキストとして安全に運べるのが特徴です。

こんなときに使います

HTMLやCSSに小さな画像（アイコン・SVG）を直接埋め込んでファイル数を減らしたいとき、メール本文に画像を埋め込みたいとき、API のレスポンスやJWTトークンに含まれるBase64文字列の中身を確認したいとき、Webサイトの読み込み速度を上げるために画像をData URI化したいときなどに活用できます。

URLセーフBase64との違い

通常のBase64で使われる + と / は、URLに含めるとパーセントエンコードされてしまいます。それを避けるために、+ を - に、/ を _ に置き換えたものが「URLセーフBase64」です。JWT（JSON Web Token）のような、URLや HTTP ヘッダーに含めるトークンの符号化に広く使われています。「URLセーフBase64」オプションをONにすると、エンコード結果が URLセーフ形式で出力され、デコード時はどちらの形式でも自動的に正しく処理します。