画像をBase64にの仕組み
任意の画像を Base64 データ URI に直接変換できます。また、データ URI を貼り付けて画像にデコードし戻すこともできます。このツールはすぐに使える CSS や HTML のスニペットも生成します。変換はブラウザー内蔵の FileReader API で行われます。
小さな画像を CSS(background-image)、HTML メールテンプレート、JSON ペイロードに、別ファイルや CDN リクエストなしで直接埋め込むのに便利です。
任意の画像をBase64データURIにエンコード、またはデータURIを貼り付けて画像にデコードします。結果をコピーするか、CSSのurl()スニペットを取得します。何も端末を離れません。
任意の画像を Base64 データ URI に直接変換できます。また、データ URI を貼り付けて画像にデコードし戻すこともできます。このツールはすぐに使える CSS や HTML のスニペットも生成します。変換はブラウザー内蔵の FileReader API で行われます。
小さな画像を CSS(background-image)、HTML メールテンプレート、JSON ペイロードに、別ファイルや CDN リクエストなしで直接埋め込むのに便利です。
いいえ。あなたのファイルは、このブラウザータブ内で FileReader API(readAsDataURL)によって読み込まれます。お使いの端末上で Base64 のデータ URL に変換され、コピーできるようページに表示されます。Sunasty や第三者には何も届きません。ブラウザーの DevTools を開き、「Network」タブを見てください。あなたのファイルを運ぶリクエストは一つもありません。
はい。Base64 エンコードは、生のバイナリファイルと比べてデータサイズを約 33% 増やします。インライン化の利便性がサイズコストを上回る、小さな画像(アイコン、約 10 KB 未満のロゴ)に最も適しています。
はい。有効なデータ URI(data:image/... で始まるもの)を入力欄に貼り付けると、ツールがそれをデコードし、元の画像をダウンロードできるようにします。
はい、ページが一度読み込まれれば動作します。処理はデバイス上で行われるため、ネットワークを切断してもツールは動き続けます。これは、データがマシンから外に出ないことの最も明確な証拠です。
完全に無料で、登録は不要です。透かしの強制挿入も、1日あたりの利用制限も、利用に必要なトラッキングクッキーもありません。