-
1:ID:CmlwyF · 2020-12-01

Retina対応の案件で、img要素を表示する時
<img src="img/example-img.jpg" srcset="img/example-img.jpg 1x, img/example-imgあっと2x.jpg 2x">
こんな感じで、等倍と2倍を別々に記載する方法がありますが、
実務でもこのように1xと2xで別々に指定していますか?

多くのRetina対応されてるサイトを見るに、
ソースは2倍だけで、img要素の親要素の横幅に合わせて縮小して表示してるところがほとんどでした。
皆さんはどのように実装してますか?

1 件の回答

2:ID:gJEPKL · 2020-12-02

ソースは2倍だけで、横幅縮小の対応です。

もちろんオフスクリーンの処理をしっかり入れること前提ですが。

コメントの受付は終了しました。

一緒に読まれている質問

ページ上部に戻る