https://takao.blog/ja/tags/images/Recent content in Images on たかおの解説Hugo -- gohugo.iojaたかおの解説Sat, 13 Jun 2026 23:11:50 +0900https://takao.blog/ja/web/web-performance-image-optimizations/Tue, 15 Jul 2025 00:00:00 +0900https://takao.blog/ja/web/web-performance-image-optimizations/<img src="https://takao.blog/img/thumnail.webp" alt="Featured image of post 画像の配信最適化：WebP/AVIFの使い分けと自動フォーマット" /><h2 id="はじめに">はじめに </h2><p>Webサイトの表示パフォーマンス（LighthouseスコアやCore Web Vitals）を改善する上で、避けて通れないのが <strong>「画像アセットの軽量化」</strong> です。</p>https://takao.blog/ja/web/image-optimization-2024/Tue, 02 Jul 2024 00:00:00 +0900https://takao.blog/ja/web/image-optimization-2024/<img src="https://takao.blog/img/thumnail.webp" alt="Featured image of post 2024年の画像最適化戦略：AVIF、WebP、そして次世代フォーマット" /><h2 id="はじめに">はじめに </h2><p>画像は一般的なWebページの総重量の半分以上を占めます。Webアプリケーションがより視覚的になるにつれて、画像配信の最適化はパフォーマンス、ユーザー体験、Core Web Vitalsスコアにとって不可欠になっています。本記事では、次世代フォーマットからレスポンシブ配信技術まで、最新の画像最適化戦略を解説します。</p>https://takao.blog/ja/web/nextjs-image-optimization/Tue, 26 Mar 2024 00:00:00 +0900https://takao.blog/ja/web/nextjs-image-optimization/<img src="https://takao.blog/img/thumnail.webp" alt="Featured image of post Next.js画像最適化：基本から応用パターンまで" /><h2 id="はじめに">はじめに </h2><p>画像はWebページの総バイト数の50%以上を占め、最適化はパフォーマンス向上に不可欠です。Next.jsは<code>next/image</code>コンポーネントとビルトインの画像最適化APIを通じて、包括的な画像最適化パイプラインを提供します。本記事では、セットアップから高度なパターン、Core Web Vitalsへの影響までを解説します。</p>