srcsetの検索結果1 - 1 件 / 1件

• あとで読む

  新しい画像形式を使ってWebサイトを高速化する方法。srcsetによる分岐方法も。[WebP, AVIF]

  • 1 user
  • tedate.jp
  • テクノロジー
  • 2024/06/04

  Top > Web一般 > 新しい画像形式を使ってWebサイトを高速化する方法。srcsetによる分岐方法も。[WebP, AVIF] 「画像形式を変えるだけでサイトが高速になる？」 はい。これは本当です。 実際のWeb制作の現場でも、「PageSpeed Insights」等で計測できる「そのサイトの表示速度の指標」について「いかに向上させるか」という部分に注力したりするケースがあります。 その際、有効な指標改善方法のひとつとして「画像容量の削減・画像形式の最適化」があります。 今回は、そんな画像容量の削減方法や、「pictureタグ と srcset を使った画像表示の分岐方法」について、記事を書いていきたいと思います。 まずは分岐方法について。 picture タグと srcset を使用した画像の分岐方法 早速ですが、タイトルの通りです。 画像形式をより効率の良い圧縮形式のものに更