imagesタグの投稿
3 件の記事
next/image vs img タグ：Next.js ではどちらをいつ使うか
next/image は自動 WebP 変換・レスポンシブ srcset・遅延読み込み・CLS 防止を追加します。プレーンな img タグが正解な場合もあります。ここに判断フレームワークを示します。
2026-04-227分で読了
画像altテキストガイド：SEOとアクセシビリティのためのaltテキストの書き方
SEOとアクセシビリティのための画像altテキスト作成の完全ガイド。ユーザーと検索エンジンの両方に役立つalt属性のルール、よくある間違い、ベストプラクティスを学びましょう。
2026-04-156分で読了
画像遅延読み込み：ネイティブ・Intersection Observer・LCP の罠
loading="lazy" は 1 つの属性ですが、実装の詳細が非常に重要です。ネイティブ遅延読み込みを使う場面、JS を使う場面、そして Lighthouse スコアを破壊する LCP の罠。
2026-03-097分で読了