画像ツール

画像Base64変換ツール

PNG、JPEG、WEBPなどの画像データをBase64文字列やData URI形式へ手軽に変換できるオンラインツールです。

ツールを実行

画像データをBase64形式の文字列やData URIへ変換するオンラインツールです。PNG、JPEG、WEBP、GIF、BMPなどの画像形式に対応しており、Web制作におけるHTMLへの直接埋め込みやCSSの背景画像、API通信用データとして手軽に活用できます。画像データを入力して処理を行うと、エンコードされたBase64文字列が生成されます。Data URIの付与オプションを有効にすると、MIMEタイプを含むプレフィックス付きのコードが作成され、そのままタグやスタイルシートに貼り付けて利用可能です。空の入力や破損したデータはエラーの原因となるため、有効な画像データを用意してご利用ください。

使い方

  1. 「画像データ」欄に変換したい画像ファイルを指定または入力します。
  2. 用途に合わせて「Data URIを含める」の選択を設定します(初期状態では有効になっています)。
  3. 変換を実行すると、結果表示領域にエンコードされたBase64文字列が表示されます。
  4. 生成されたコードをコピーし、HTMLのimg要素やCSS、各種データ連携に活用します。

使用例

  • PNG形式のアイコン画像を入力し、Data URIを含める設定で処理して、HTMLのimgタグ用データ(data:image/png;base64,...)を取得する。
  • JPEG写真データを指定し、Data URIオプションを無効にして、純粋なBase64文字列のみをAPI送信用テキストとして取得する。

よくある質問

どのような画像形式に対応していますか?

PNG、JPEG、WEBP、GIF、BMPなどの画像形式に対応しています。画像形式の判別ができない場合は標準のMIMEタイプが適用されます。

Data URIを含めると何が変わりますか?

Base64文字列の先頭に「data:image/png;base64,」のような識別プレフィックスが付与され、HTMLのsrc属性やCSSのurl()関数へそのまま記述できるようになります。

入力データに不備がある場合はどうなりますか?

入力欄が空の場合や画像として読み込めないデータが渡された場合は、処理が行われずエラーメッセージが表示されます。

このツールを埋め込む

以下のコードを使って、SmartPlusLab のツールをウェブサイトに追加できます。