Skip to main content
DevTools24

データURL生成ツール

テキストやファイルからデータURLを生成します。インライン画像を作成し、コンテンツをHTML/CSSに直接埋め込み。

データURL - 技術的な詳細

データURLはdata:スキームを使用してHTMLにコンテンツを直接埋め込みます。追加のHTTPリクエストを排除しますが、Base64エンコードにより約33%ファイルサイズが増加します。アイコンのような小さなファイルに最適。

コマンドラインでの代替方法

// Data URL format\ndata:[<mediatype>][;base64],<data>\n\n// Examples\ndata:text/plain;base64,SGVsbG8=\ndata:image/svg+xml,%3Csvg...%3E