ブラウザで直接出力されるBase64、データURL、またはCSSのURL()に変換します。
ここに画像をドロップするか、クリックしてファイルを選択します
PNG, JPG, WebP, GIF, SVGブラウザ対応の画像は、その他ブラウザ対応の画像に対応しています。
HTML、 CSS、 JSON、電子メールテンプレート、テストフィクス、 API 別のイメージファイルを参照せずに小アセットを埋め込む必要があるときに、画像をBase64に変換します。
正しいBase64出力を選択します。
- データ URL 画像を含む MIME タイプはで、使用することができます HTML
src属性。 - 未加工Base64 別々にタイプを供給する API またはストレージ フィールドのエンコードされたバイトのみが含まれています。
- CSS url() スタイルシート宣言で直接使用するために、データURLをラップします。
埋め込まれるイメージがいつあるべきか。
埋め込むことは、自己完結したデモ、小さなアイコン、オフライン文書、または生成されたフィクスチャを簡素化することができます。 Base64 は、画像を圧縮せず、通常、元のファイルよりも3分の1分の1のエンコードされたデータを生成します。 大規模な写真と頻繁に再利用されたアセットは通常、別のキャッシュ可能なファイルとして提供される方が良いです。
元の画像バイトは保存されます。出力タイプを変更しても、画像のサイズを変更したり、再圧縮したりすることはありません。閲覧、プレビュー、コピー、および保存は、ブラウザでローカルで行われます。
関連ツール: Base64から画像へ · Base64 エンコード · 画像変換