下の画像は外部の画像ファイルのリンクではなくて img タグの中に
base64 テキストで画像データを入れています。

(2010/01-2022/04)
動作     : Edge99, Firefox95, Chrome96

◎ノート
・HTML の中に画像データが入ってるので、リンク切れやリンクし
　間違いの心配がありません。
  複数のページで使いまわししない画像で有効です。
  例: 認証用の英数字が書かれた画像など。

・バイナリの画像ファイルに比べて base64 テキストの方がデータ
　サイズが大きくなり一見無駄に見えるが？
  画像ファイルを個別に http/https で通信すると通信に関する
　データのやりとりを大量に行い、時間もかかる点に注意。
  似たような話で CSS スプライトという手法もあった。

・data:image/png;base64 の格納は古いブラウザでは動作しなかった。
  現在では気にせず。