ソフトウェア プログラミング 2026.05.20 4 JPEG XL / HEIC / SVG の選び方 — 用途別の画像フォーマット判断 JPEG XL / HEIC / SVG はそれぞれ異なる用途に最適化された画像フォーマットで、AVIF / WebP / JPEG / PNG だけでカバーできない領域を担当します。JPEG XL は次世代フォーマット候補、HEIC は iPhone 撮影写真の標準、SVG はロゴ・図表のベクター画像の標準。それぞれの強みと弱み、選び分けの判断軸を整理します。 # 画像フォーマット # Webパフォーマンス # JPEGXL
ソフトウェア プログラミング 2026.05.20 5 Core Web Vitals 改善の実務 — LCP / CLS / INP の優先順位 Core Web Vitals は Google が定める Web ページ品質指標で、LCP(最大要素表示時間)・CLS(レイアウトのずれ)・INP(操作応答性)の 3 つが SEO ランキングに直接影響します。2024 年に FID から INP に置き換わって以降の現状、各指標の意味、計測ツール、改善施策の優先順位を実務目線で整理します。 # Webパフォーマンス # CoreWebVitals # LCP
ソフトウェア プログラミング 2026.05.20 6 WebP とは？JPEG / PNG との違いと Web 表示速度改善の定番 WebP は Google が開発した画像フォーマットで、JPEG 比 25〜35%、PNG 比 26% 前後の圧縮率を実現します。主要ブラウザがすべて対応済みで「事実上の標準」になっており、Web パフォーマンス改善の定番手段。非可逆 / 可逆両対応、透過、アニメーションもサポート。JPEG / PNG / GIF からの移行と、AVIF との使い分けを整理します。 # WebP # 画像フォーマット # Webパフォーマンス
ソフトウェア プログラミング 2026.05.20 5 AVIF とは？WebP / JPEG との違いと Web 配信での使いどころ AVIF は AV1 動画コーデックをベースにした次世代画像フォーマットで、JPEG 比で 50% 前後、WebP 比でもさらに 20〜30% 小さく配信できます。2026 年時点では Chrome / Edge / Firefox / Safari / 主要 OS が対応済みで実用段階。WebP との違い、変換ツール、HTML での picture 要素を使った配信方法、JPEG / PNG からの移行戦略を実務目線で整理します。 # CDN # WebP # AVIF
