画像→Base64変換 - 画像をData URIにエンコード

Base64は圧縮ではなくエンコーディングだからです。3バイトのバイナリを4つのASCII文字で表現するため、出力は常に入力より約33%長くなります。

アセットが小さく常に必要な場合にインライン化：アイコン、1x1スペーサー、小さな背景テクスチャ、約10KB以下。10KB以上のリソースやページよりも頻繁に変更される画像はインライン化しないでください。

多くの場合機能しません。Gmailはimgタグからdata URIを直接除去し、Outlookのデスクトップクライアントは信頼性を持ってサポートしていません。

はい、ロスレスです。デコードされたバイトはEXIFやカラープロファイルデータも含めて元のファイルと同一です。完全なdata URIをブラウザのアドレスバーに貼り付けると画像が表示されます。

いいえ。SVGはすでにテキストなので、Base64は33%を無駄に追加するだけです。マークアップを直接HTMLに貼り付けてください。

HTMLやCSSの仕様に制限はなく、モダンブラウザはsrc属性で数MBのdata URIを処理できます。URLバーは通常約2MBで切り詰められます。

いいえ。ファイルはブラウザのFileReader APIで読み取られ、結果の文字列はページのメモリに留まります。ネットワーク経由で送信されるものはありません。

すべてのブラウザが画像のdata URIをサポートしています。img srcとCSS url()でのdata URIはIE8以降で利用可能で、現在は普遍的にサポートされています。