ツールを実行
画像データをBase64形式の文字列やData URIへ変換するオンラインツールです。PNG、JPEG、WEBP、GIF、BMPなどの画像形式に対応しており、Web制作におけるHTMLへの直接埋め込みやCSSの背景画像、API通信用データとして手軽に活用できます。画像データを入力して処理を行うと、エンコードされたBase64文字列が生成されます。Data URIの付与オプションを有効にすると、MIMEタイプを含むプレフィックス付きのコードが作成され、そのままタグやスタイルシートに貼り付けて利用可能です。空の入力や破損したデータはエラーの原因となるため、有効な画像データを用意してご利用ください。
使い方
- 「画像データ」欄に変換したい画像ファイルを指定または入力します。
- 用途に合わせて「Data URIを含める」の選択を設定します(初期状態では有効になっています)。
- 変換を実行すると、結果表示領域にエンコードされたBase64文字列が表示されます。
- 生成されたコードをコピーし、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()関数へそのまま記述できるようになります。
入力データに不備がある場合はどうなりますか?
入力欄が空の場合や画像として読み込めないデータが渡された場合は、処理が行われずエラーメッセージが表示されます。