Base64変換

文字や画像などのファイルをBase64にしたり、Base64を元の文字・ファイルに戻したりします。

テキスト・ファイル

0文字・0行

変換の向き

0文字・0行

処理はこの端末の中で行われ、入れた文字はどこにも送られません。

Base64は暗号ではありません。だれでも元に戻せるので、パスワードなどを隠す目的には使えません。

役に立ったら、シェアしてもらえるとうれしいです

うまく動かないときや、「こうだったらいいのに」があれば

不具合の報告改善のアイデア

使い方

  1. 1. 文字を入れる

    「貼り付け」をタップすると、コピーしておいた文字が入ります。欄に直接打ち込んでもかまいません。入れるとすぐに、下にBase64が出ます。画像などのファイルは「ファイル」から開けます。

  2. 2. 形を選ぶ

    結果の上の帯で「URLセーフ」をタップすると、+ / が - _ になり、最後の = がなくなります。「data URL」をタップすると、先頭に data: で始まる種類が付きます。下の結果はすぐに変わります。

  3. 3. コピー・保存する

    結果の下の「コピー」をタップすると、Base64をコピーします。「テキストをダウンロード」をタップすると、.txtのファイルとして保存します。画像を data URL にしたときは、「HTMLの形でコピー」「CSSの形でコピー」で、img や background-image の形のままコピーできます。

  4. 4. Base64を元に戻す

    帯の「デコード」をタップしてから、上の欄の「貼り付け」をタップしてBase64を入れます。文字ならそのまま下に出ます。画像なら下に表示されるので、「ファイルをダウンロード」をタップすると、画像のファイルとして保存します。メールの件名や差出人の「=?UTF-8?B?〜?=」を貼ったときも、元の文字に戻します。

こんなときにおすすめ

  • メールの件名やAPIの中身を読みたい

    メールのソースで「=?ISO-2022-JP?B?〜?=」のようになっている件名や差出人も、APIの返事に出てくるBase64も、貼れば日本語の読める文字に戻します。Shift_JIS・EUC-JPや、Qの形（=E3=81=82）も見分けて読みます。

    Webエンジニア・サポートの担当者

  • 画像をHTMLやCSSに埋め込みたい

    アイコンなどの小さな画像を開いて「data URL」を押せば、「HTMLの形でコピー」で <img src="…">、「CSSの形でコピー」で background-image: url("…") の形のままコピーできます。

    Webデザイナー・コーダー

  • URLやJSONに入れて送りたい

    「URLセーフ」にすると、URLのパラメータやJWTと同じ - _ の形になり、そのまま貼っても壊れません。

    APIを試す人

  • Base64のデータをファイルに戻したい

    ログや設定に入っているBase64の画像・PDFを貼れば、種類を見分けて、正しい拡張子のファイルとして保存できます。

    開発者・データを扱う人

使う前に知っておきたいこと

  • Base64は暗号ではありません。だれでも元に戻せるので、パスワードなどを隠す目的には使えません。
  • Base64にすると、大きさが約1.33倍になります。大きな画像を data URL にすると、HTMLが重くなります。
  • ファイルは30MBまでBase64にできます。それより大きいファイルは、端末によっては動きが重くなるためです。

Base64について

Base64は、画像などのデータを、英数字と「+」「/」の64種類の文字だけで書き表す方法です。3バイトのデータを4文字に置き換えるので、大きさは約1.33倍になります。メールの添付ファイル、data URL、JWT、APIの認証（Basic認証）などで、文字しか通らない場所にデータを入れるために使われています。

このツールは、文字を必ずUTF-8にしてから変換するので、日本語や絵文字も化けません。元に戻すときは、改行や空白が入っていても、URLセーフの - _ でも、最後の = がなくても、data URL の頭が付いていても、そのまま読みます。中身が文字なら文字で、画像なら表示して、そのほかのファイルは種類を見分けて保存できます。

Base64の形のちがい
見た目使う場面
ふつうのBase64A〜Z a〜z 0〜9 + / と、最後に =メール・APIのデータ・設定ファイル
URLセーフ+ / の代わりに - _、= なしURLのパラメータ・ファイル名・JWT
76文字で改行1行76文字ごとに改行メールの添付（MIME）
data URLdata:image/png;base64, で始まるHTMLの img・CSSの背景に画像を埋め込む

よくある質問

使う前に気になりやすいことをまとめました。

入れた文字やファイルはどこかに送られますか？

送られません。エンコードもデコードも、お使いの端末のブラウザの中だけで行われ、入れた文字やファイルがサーバーに送られることはありません。

日本語が文字化けしませんか？

しません。文字はUTF-8にしてから変換するので、日本語や絵文字もそのまま戻せます。元に戻すときは、UTF-8で読めなければ、Shift_JISやEUC-JPで書かれたものかを見分けて読みます。

画像をBase64にするには？

「エンコード」のまま「ファイルを開く」を押して画像を選ぶか、ページに画像をドラッグ＆ドロップします。すぐにBase64が出ます。HTMLやCSSに書くなら「data URL」をオンにします。

Base64を画像やファイルに戻せますか？

戻せます。「デコード」にしてBase64を貼ると、中身が画像なら表示し、「ファイルをダウンロード」で保存できます。PNG・JPEG・PDF・ZIPなどは、中身から種類を見分けて、正しい拡張子を付けます。

メールの件名が「=?UTF-8?B?〜?=」のようになっています

メールの件名や差出人を、英数字だけで送るための形（MIMEのエンコード）です。「デコード」にしてその行を貼ると、元の文字に戻し、結果の上に読んだ文字コード（UTF-8・ISO-2022-JPなど）を出します。いくつも並んでいても、行が折り返されていても、まとめて読みます。

URLセーフとは何ですか？

URLやファイル名で特別な意味を持つ「+」「/」を「-」「_」に置き換え、最後の「=」を省いた形です（base64url）。JWTやURLのパラメータで使われます。元に戻すときは、どちらの形でも自動で読みます。

data URL とは何ですか？

「data:image/png;base64,」のように、データの種類を先頭に付けたBase64です。HTMLの img の src やCSSの url() に書くと、別のファイルを読み込まずに画像を表示できます。画像のときは「HTMLの形でコピー」「CSSの形でコピー」で、そのまま貼れる形でもコピーできます。

「Base64として読めません」と出ます

Base64に使えない文字が入っているか、コピーしたときに一部が欠けています。何行目・何文字目かが出て、入れた欄のその場所にオレンジの印が付くので、そこを確かめてください。改行や空白、最後の = の有無は気にしなくてかまいません。

Base64は暗号ですか？

暗号ではありません。決まった表で文字に置き換えているだけなので、だれでも元に戻せます。パスワードや個人の情報を隠す目的には使わないでください。

大きなファイルも変換できますか？

30MBまでのファイルをBase64にできます。結果がとても長いときは、欄には最初の部分だけを表示しますが、「コピー」と「テキストをダウンロード」は全体を扱います。

無料で使えますか？

無料です。登録も不要で、広告もありません。

ほかのツール

  • ひらがな⇔カタカナ変換

    ひらがな・カタカナ・半角カナを、まとめて変換します。漢字や英数字はそのまま残します。

  • JSON整形

    JSONを読みやすく整えたり、1行に詰めたりします。間違いがあれば場所を示します。

  • URLエンコード・デコード

    日本語や記号をURLで使える形（%E3%81%82など）にエンコードしたり、元の文字に戻したりします。

  • パスワード生成

    長さと使う文字を選んで、推測されにくいパスワードをその場で作ります。

  • 差分比較

    2つの文章を比べて、違うところを文字単位で色分けします。

  • 記号・特殊文字のコピー

    ハート・矢印・罫線・かっこ・単位などの記号を、押すだけでコピーします。名前でも探せます。