画像をbase64コードに変換

画像が大きい場合、変換に時間がかかる場合があります

画像をbase64コードに変換する理由

ウェブページを作成する際、画像を挿入する方法には通常2種類あります。

1. 画像のURIを直接参照する場合、例：https://www.codeeeee.com/.../come.png
2. 画像をbase64にエンコードし、htmlやcssに挿入する

URIを使用する方法と比較して、画像をbase64にエンコードする主な利点は、ネットワークリクエストを減らすことです。URIの方法を使用する場合、ブラウザはhttp(s)リクエストを送信して画像の内容を取得する必要がありますが、base64にエンコードしてドキュメントに書き込むと、htmlドキュメントがダウンロードされたときに画像も一緒にダウンロードされ、追加のリクエストが不要になります。ただし、base64化されたデータは通常、元の画像よりも大きくなります。そのため、大きな画像をbase64で使用する場合は、利益が損失を上回るかどうかを検討する必要があります。