Base64画像変換
base64-image• 画像をBase64(Data URL)にエンコード、またはBase64を画像にデコード。 • ブラウザ内で処理 — 画像はサーバーにアップロードされません。
すべてブラウザ内で処理されます。画像はサーバーにアップロードされません。
画像のBase64はいつ使うのか
画像をBase64文字列にするとファイルではなくテキストになるので、HTML・CSS・JSONの中に画像をそのまま入れられます。data:image/png;base64,… で始まるあの値です。
小さなアイコンやロゴをdata URIで埋め込むと画像リクエストが1回減り、読み込みが速くなります。メール署名、Markdown文書、画像ホスティングなしで結果を共有したいときにも便利です。
ただしサイズが約33%増え、ブラウザが個別にキャッシュできないため大きな写真には向きません。数十KB以下の小さな画像に使うのがおすすめです。変換はブラウザ内だけで行われ、画像がアップロードされることはありません。
よくある質問
画像をBase64にするとどれくらい大きくなりますか
3バイトが4文字になるため、およそ3分の1増えます。100KBの写真なら約137KBの文字列になります。このツールは変換後に元のサイズとBase64のサイズを並べて表示するので、実際にどれだけ増えたかがすぐ分かります。
data URLはどんな形式ですか
data: のあとに image/png などの種類、セミコロンと base64、カンマ、そして実データが続きます。このツールはこの値を、Data URLそのまま・Base64のみ・imgタグ・CSSのbackground-imageの4通りで出力できます。
Base64の画像が表示されません
先頭の data:image/png;base64, が抜けているか、文字列が途中で切れている場合がほとんどです。Base64だけを貼り付けた場合、このツールは先頭の文字から形式を推測します。PNGは iVBORw0KG、JPEGは /9j/ で始まります。
何MBの画像まで変換できますか
画像ファイルのみを受け付け、1枚あたり5MBまで処理します。ただし上限とは別に、大きな写真はそもそもBase64に向きません。アイコンやロゴなど数十KB程度なら利点があり、それ以上はファイルのままにする方が無難です。
インライン画像はキャッシュされないとはどういう意味ですか
画像が独立したファイルではなくHTMLやCSSの中の文字になるため、ブラウザが画像だけを保存しておけません。ページを開くたびに一緒に読み込まれ、画像を1つ差し替えるとその文書全体を取得し直すことになります。
Base64を画像ファイルに戻すには
デコードに切り替えてBase64かData URLを貼り付けると、プレビューと保存ボタンが表示されます。拡張子は判定した形式に合わせて決まり、jpegはjpg、svg+xmlはsvgになります。この処理もすべてブラウザ内で完結します。