5

srcsetレスポンシブ画像におよびsizesHTML 属性を使用して、パフォーマンスの最適化とレスポンシブ デザインのために特定の画像を特定の画面サイズに提供しようとしています。しかし、Vue-loader はそれらをサポートしていないようです。誰かに同様の問題がありましたか? そうでない場合、主に HD 画像の影響を受けるアプリのパフォーマンスを最適化するための可能な解決策は何でしょうか。以下は、.vue テンプレートに実装しようとしているものの例です

<img srcset="../assets/img-1.jpg 300w,  ../assets/img-1-large.jpg 100vw" 
sizes="(max-width: 56.25em) 20vw, (max-width: 37.5em) 30vw, 300px"
alt="photo 1"
src="../assets/img-1-large.jpg">

前もって感謝します。

4

2 に答える 2