ファイル→Data URI変換ツール
ローカル処理画像、フォント、各種ファイルをBase64エンコードし、HTMLやCSSに直接埋め込めるData URIに変換します。
使い方と処理基準
画像、フォント、各種ファイルをBase64エンコードし、HTMLやCSSに直接埋め込めるData URIに変換します。
ツールの処理はブラウザ内で行われます。計算・変換の共有リンクを作成すると値がURLに含まれます。アカウント・アクセス解析・広告の情報はプライバシーポリシーをご確認ください。
処理制限
- 最大入力文字数: 100,000文字
「作業」でファイル → Data URIまたはテキスト → Data URIを選びます。SVGのようにテキストの場合は、Base64の代わりにパーセントエンコードでより短くすることもできます。
Base64は元のファイルより約33%大きくなります。大きな画像はファイルのままの方が速いです。
できること
- ファイル → Data URI
- 選んだファイルをMIMEタイプと一緒にBase64で書きます。
- テキスト → Data URI
- 文章をBase64またはパーセントエンコードで書きます。
ファイル→Data URI変換ツールの使い方
- 1作業を選ぶファイルまたはテキストを選びます。
- 2入力ファイルを選ぶか、文章とMIMEタイプを書きます。
- 3コピーData URIをCSS・HTMLに貼ります。
活用例
テキスト、Base64
入力: Hello、text/plain
結果: data:text/plain;base64,SGVsbG8=
SVG、パーセントエンコード
入力: <svg/>、image/svg+xml、Base64オフ
結果: data:image/svg+xml,%3Csvg%2F%3E
主な利用シーン
- 小さなアイコンをCSSのbackgroundに直接入れるとき
- メールのHTMLに画像を入れるとき
よくある質問 (FAQ)
SVGはBase64とパーセントエンコードのどちらがいいですか？
SVGはテキストなので、パーセントエンコード（Base64オフ）の方が普通は短く、gzip圧縮もよく効きます。