KOENJP

画像BASE64変換

IMAGE · BASE64 · DATA URI

画像をBASE64のデータURI・CSS背景・画像タグに変換し、BASE64文字列を画像に戻して表示・保存することもできます。サイズの増加も確認でき、処理はすべてブラウザ内で行います。

ファイルはアップロードされません。エンコードもデコードも、このブラウザ内で行います。

output.txt 0 chars 
画像を読み込むと、ここにコードが表示されます。

どんなときに使う？ アイコンや小さなロゴ、読み込み中のスピナーなど数KBの小さな画像を、別ファイルにせずHTML・CSS・メールテンプレートに埋め込むのに便利です。Base64は元のファイルより約33%大きくなり、単独でキャッシュもされないため、大きな写真にはおすすめしません。

HOW TO

使い方

  1. 「画像 → BASE64」で画像をドロップするか、クリックして選びます。コピーした画像の貼り付けもできます。
  2. 出力形式をデータURI・BASE64のみ・CSS背景・HTMLの画像タグから選びます。
  3. サイズの変化を確認し、「コピー」でコードをコピーします。
  4. BASE64から画像に戻すときは「BASE64 → 画像」に切り替えて文字列を貼り付け、「画像をダウンロード」で保存します。
PAIRS WELL WITH

あわせて使いたいツール

FAQ

よくある質問

ファイルはアップロードされますか？

いいえ。エンコードもデコードもすべてブラウザ内で行い、画像はどこにも送信されません。

BASE64にするとサイズはどれくらい増えますか？

元のファイルより約33%大きくなります。アイコンや小さなロゴなど数KBの画像を埋め込むのに向いていて、大きな写真には通常の画像ファイルをおすすめします。

改行やスペースが入ったBASE64もデコードできますか？

はい。改行・スペースやURLセーフ（-, _）の文字は自動で整えてからデコードします。