Data URIは最初のカンマより前がメタ情報
data: からカンマまでにMIMEタイプやBase64指定が入り、その後ろが実データです。
無料Webツール
テキストやファイルからData URIを生成し、Data URIを解析します。
普通のテキストをData URIへ変換したり、貼り付けたData URIを読めるテキストへ戻したりします。画像や音声など任意のバイナリファイルを復元する用途ではなく、テキスト向けの簡易変換です。
data: から始まる値をそのまま貼り付けます。text/plain;charset=utf-8 にして Hello world を変換すると、本文部分がURL向けにエンコードされた data: URLになります。画像・音声・ZIPなどのBase64 Data URIは、このページで文字列として戻すと読めない結果になることがあります。バイナリファイルの復元には専用ツールを使ってください。
data: からカンマまでにMIMEタイプやBase64指定が入り、その後ろが実データです。
空白や記号をそのまま埋め込まず、HTML/CSSへコピーしやすい形に変換します。
;base64 が付いたData URIなら、テキストとして意味のある内容は読みやすい文字列へ戻せます。
HTTPリクエストを減らせても、HTML/CSS自体が大きくなり、保守やキャッシュが不利になる場合があります。
小さな埋め込みデータには便利ですが、大きな素材や更新頻度の高いファイルでは通常のURL参照の方が扱いやすいことが多いです。