html - Web に base64 でエンコードされた画像を使用することは安全ですか? 長所と短所は?

Question

Web デザインに base64 でエンコードされた画像を使用することは安全ですか? パフォーマンスはどのように比較されますか? 長所と短所？

Answer 1

base64ストリームは、バイナリストリームよりも約33％重いです（パフォーマンスを真剣に考えている場合は、httpでのgzip圧縮を考慮していません）。

base64画像をページに直接配置した場合、個別にキャッシュされることはありません。そのため、URLをキーとして使用する代わりに、この画像を使用するすべてのページで処理が重くなります。リクエスト数を低く抑えるのに役立つと思うかもしれませんが、実際には、ユーザーがまだ画像をキャッシュに持っている通常の場合には役に立ちません（画像が多い場合は、リクエスト数を減らすためにcssスプライトを使用してください）。

jsonで画像を送信したり、htmlファイルを1つだけ保存したりするなど、特定の技術的な問題に対処する場合を除いて、base64画像を使用する理由はないと思います。次に、base64画像を本当に使用する必要があるかどうかを確認します。