これは朗報！ レスポンシブ対応の遅延画像が「sizes=auto」を使用すると簡単に実装できるようになります

2023/12/05 160 users img sizes CSS 遅延 auto

朗報です！ 来年の2024年に、ブラウザはCSSから画像の実際の幅を取得し、それを画像のサイズとして使用することができるようになります。 srcsetで遅延読み込みされた画像の場合、ブラウザはsrcsetからソースURLを選択するために画像のレイアウト幅を使用できるようになります。 Add sizes=auto to lazy-loaded <img> こ... 続きを読む

srcset と sizes

2014/09/09 147 users sizes 属性 レイアウト ハード ウェブサイト

レスポンシブ画像のための新しい手法、secset と sizes 属性を紹介エリック・ポーティス 文と絵 鈴木丈 訳 パート 1: メディア・クエリのどこがまずいのか? そう、もし君がウェブサイトを作っている時代が 1993 年 2 月 23 日 から 2010 年 5 月 25 日 の間だったら、画像の扱いなんてチョロかったね! それはこんなふうに単純だった。 幅の固定されたレイアウトをにらみつ... 続きを読む