小さな画像をCSS用インラインBase64 Data URLにエンコード

小さなアイコンや背景画像をBase64データURLに変換し、CSSスタイルシートやHTMLドキュメントに直接埋め込めます。設定不要で外部画像リクエストを削減できます。

手順

  1. 1

    画像アセットを選択

    5 MB未満の小さなPNG、SVG、またはJPG画像を選択してください。

  2. 2

    データURLを生成

    ローカルエンジンでBase64データURL文字列を生成します。

  3. 3

    クリップボードにコピー

    コピーボタンをクリックして、CSSの `background-image` プロパティに貼り付けます。

ファイルを瞬時にデータURLへ変換

5 MBまでの画像ファイルをドラッグ&ドロップするだけで、スタイルシートにそのまま貼り付け可能な標準の `data:image/...;base64,...` 文字列を瞬時に生成します。

UTF-8対応・ブラウザ内で完結

外部サーバーにファイルを送信することなくローカルでバイナリやテキストを変換するため、データの機密性が保たれます。

よくあるご質問

変換できるファイルサイズの上限はどのくらいですか?

ブラウザの快適な応答性と高速な描画を維持するため、5 MBまでのファイルに対応しています。

Base64エンコードは暗号化と同じですか?

いいえ、ページ内にも明記されているとおり、Base64はデータを表現するためのエンコード方式であり、暗号化ではありません。