現在、モバイルサイトで作業しています。その上で、次のようにマークアップされた画像のグループがあります。
<a href="/link/"><img alt="image" src="/assets/image.jpg" /> Link</a>
最初に Android (複数のデバイス) からサイトにアクセスすると、これらの画像が読み込まれますが、粗くピクセル化されてレンダリングされます。ただし、デバイスでページを更新すると、画像が再読み込みされ、意図したとおりに鮮明に表示されます。これは iPhone で 1 回しかテストしていませんが、最初のロードでは問題ないように見えたので、これは Android 固有のものだと思います。
これらを HTML で配置するのではなく、CSS で背景画像として設定しようとしました。サイズを宣言する画像に直接インライン スタイルを配置してみました。どちらのアプローチでも、問題はまったく同じままでした。
それぞれ約 3kb で、9 個あります。サイトの残りの部分はそれほど重くなく、これらの画像がこのページの唯一のコンテンツです。ページの読み込みを高速化するために Android が設定する制限または制約があるに違いないと確信していますが、その場合、それを回避する方法はありますか?
残念ながら、スクリーンショットや URL を投稿することはできません。
前もって感謝します!