Base64 画像エンコーダー
無料の Base64 画像エンコーダー ツールを使用すると、画像を最適化し、jpg/png/gif/webp/svg/bmp を base64 にオンラインで変換できます。
Loading...
特徴
- ローカル画像を簡単にアップロード
- リモート画像URLを受け入れる
- .jpg、.jpeg、.png、.gif、.webp、.svg、.bmp をサポートします
- 多くの形式をサポート: データ URI、CSS 背景画像、HTML 画像など
- すぐに使えるサンプルを生成し、簡単に使えるようにする
- 100%無料の画像ツール
重要なヒント
- アップロードされた画像のサイズは最大10 MB
- リモート イメージ URL は http:// または https:// で始まる必要があります
- 画像タイプは.jpg、.jpeg、.png、.gif、.webp、.svg、.bmpである必要があります。
なぜ Base64 エンコーディングなのか?
Base64 でエンコードされた画像は、img タグまたは CSS を使用して埋め込むことができ、追加の HTTP 要求を防ぐことで小さい画像の読み込み時間を短縮できます。これにより、顧客向けの単一ファイルのモックアップやデモ ページ、電子メール クライアントで厄介な「画像を表示」警告をトリガーしない HTML 電子メール署名などを作成できます。BASE64 を画像ソースまたは CSS 背景画像として使用するにはどうすればよいでしょうか?
画像ソースの場合、HTML コードは次のようになります。
CSS 背景の場合、CSS コードは次のようになります。
.my-class {
背景: url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUg...');
}
背景: url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUg...');
}