WordPress テーマを作成し、画像を HTML ドキュメントと CSS ファイルに埋め込んで提供できる機能を実装しました。
つまり、Web サイトに画像を次のように追加するのではなく、
<!-- In HMTL -->
<img src="http://www.some-url.ext/img/my_image.jpg" />
/* In CSS */
selector
{
background-image: url(http://www.some-url.ext/img/my_image.jpg);
}
次の形式でサイトに画像を追加するには:
<!-- In HMTL -->
<img src="data:image/gif;base64,R0lG...." />
/* In CSS */
selector
{
background-image: url(data:image/gif;base64,R0lG....);
}
処理された画像は、パフォーマンスを向上させるためにキャッシュ ファイルに保存されます。
私の現在のテーマには、大きな画像を含む全幅のスライダーもあります。
問題は、画像が埋め込まれているため、処理されたドキュメントのサイズが 1.83MB になることです。
また、ドキュメントの読み込みは非常に高速ですが、スライドショーの下にあるものは表示が遅くなります:(
では、画像をドキュメントに埋め込んだ方が良いですか、それとも URL で通常の方法を使用する方が良いでしょうか?