このツールについて
画像から Data URI へ変換ツールで作成
HTML または CSS 用に MIME タイプを含む完全な画像 Data URI を生成します。画像はブラウザ内に留まります。
正しいソース MIME タイプを持つ完全な data:image/...;base64 URI を作成します。出力は HTML 画像に埋め込むか、CSS url() 値で使用できます。ファイルアップロードは不要です。
画像から Data URI へ
HTML または CSS 用に MIME タイプを含む完全な画像 Data URI を生成します。画像はブラウザ内に留まります。
端末内で処理 登録不要
ローカル開発者ツール
使い方
- 01
ソースを準備する
サポートされているソース画像を選択するか、ツールが提供する場合はテキストテンプレートから開始してください。
- 02
結果を調整する
正しいソース MIME タイプを持つ完全な data:image/...;base64 URI を作成します。出力は HTML 画像に埋め込むか、CSS url() 値で使用できます。ファイルアップロードは不要です。
- 03
確認とダウンロード
完全なプレビューと出力設定を検査します。完成したアセットをダウンロードし、比較用にオリジナルを保持します。
より良い結果のヒント
- Data URI には data: プレフィックス、MIME タイプ、エンコーディングマーカーが含まれます。生の Base64 文字列にはエンコードされたバイトのみが含まれます。アプリケーションによってどちらかの形式が必要になる場合があります。
- 結果を確認するまで元のファイルを保持してください。
- 意図した表示サイズで小さなテキストと細かいエッジを検査してください。
- 画像処理はブラウザ内で行われます。タブを閉じる前に結果をダウンロードしてください。このツールは元のファイルを上書きしません。
よくある質問
画像から Data URI へ変換ツールの使い方は？ +
サポートされているソース画像を選択するか、ツールが提供する場合はテキストテンプレートから開始してください。正しいソース MIME タイプを持つ完全な data:image/...;base64 URI を作成します。出力は HTML 画像に埋め込むか、CSS url() 値で使用できます。ファイルアップロードは不要です。
生の Base64 文字列と何が違いますか？ +
Data URI には data: プレフィックス、MIME タイプ、エンコーディングマーカーが含まれます。生の Base64 文字列にはエンコードされたバイトのみが含まれます。アプリケーションによってどちらかの形式が必要になる場合があります。
入力はどこで処理されますか？ +
画像処理はブラウザ内で行われます。タブを閉じる前に結果をダウンロードしてください。このツールは元のファイルを上書きしません。
どのファイルを使用できますか？ +
受け入れ可能な入力: JPG、PNG、WebP、AVIF、GIF。利用可能な出力: TXT。ブラウザのデコードサポートと選択した出力設定によって、どのソースファイルを処理できるかが決まります。
アカウントは必要ですか？ +
このツールにアカウントは不要です。デバイスに保存する前に出力を確認できます。