HTMLでBase64画像を使う方法

<img src="data:image/png;base64,iVBORw0KGgo..." alt="Description" width="320" height="180" />

完全なData URLを使う

srcにはdata:、画像のMIME形式、;base64、エンコードデータが必要です。Base64のみでは有効な画像URLになりません。

altテキストを必ず付ける

意味のある画像にはアクセシビリティ用の説明を付けます。装飾画像は空のaltを使い、widthとheightでレイアウトのずれを抑えます。

インライン画像を小さく保つ

埋め込みデータはHTML文書とは別にキャッシュできません。大きい画像や再利用する画像には通常の画像ファイルを使ってください。