画像をBase64に変換

画像を選択またはドロップすると、プレーンテキスト、Data URI、CSS、HTML、JSONのBase64を取得できます。処理はすべてブラウザ内で行われます。

画像ファイル

データは保存されず、サーバーにも送信されません。

画像をBase64に変換するこのツールは、画像ファイルをコードにそのまま埋め込める文字列に変換します。ファイルを選択するかアップロード欄にドロップすると、プレビューとともに名前、種類、寸法、サイズが表示されます。結果はプレーンテキスト、Data URI、background-imageを使ったCSSルール、HTMLのimgタグ、JSONオブジェクトの5つの形式で取得できます。形式の切り替えは即座に行われ、ファイルを読み直すことはありません。10 MBまでのPNG、JPEG、GIF、WebP、BMP、ICO、AVIF、SVGに対応しています。処理はすべてブラウザ内で行われ、画像がサーバーにアップロードされることはありません。

使い方

  1. 選択ボタンで画像を選ぶか、アップロード欄にドロップします。
  2. プレビューとファイル情報を確認します。
  3. 出力形式(プレーンテキスト、Data URI、CSS、HTML、JSON)を選びます。
  4. 「コピー」を押すと、結果がクリップボードに入ります。

よくある質問

どの画像形式に対応していますか?
PNG、JPEG、GIF、WebP、BMP、ICO、AVIF、SVGに対応し、1ファイル10 MBまでです。種類はファイル名の拡張子ではなく内容から判定します。
画像はサーバーにアップロードされますか?
いいえ。変換はブラウザ標準のAPIを使ってブラウザ内で行われ、保存も送信もされません。
画像をBase64で埋め込むのはどんなときに有効ですか?
アイコンなど小さな画像なら、追加のリクエストを省けます。Base64は元のファイルより約3分の1大きくなるため、大きな画像には向きません。
結果はどう確認できますか?
Data URIをBase64画像ビューアに貼り付けると、選んだ画像と同じ画像が表示されます。

関連ツール