画像・メディアリソースガイドライン
パフォーマンス向上、アクセシビリティ確保、運用効率化のための画像・メディアリソースガイドライン
ガイドラインの目的
画像やメディアリソースの最適な管理・運用により、ウェブサイトのパフォーマンス向上、アクセシビリティ確保、運用効率化を実現します。
適用範囲
- 静的画像(JPEG, PNG, WebP, AVIF)
- SVG・アイコン・UI 要素
- 写真・イラスト・図表・動画ポスター
基本方針
- 次世代フォーマット優先
WebP や AVIF などを優先し、必要に応じて従来フォーマットをフォールバックとして利用します。 - レスポンシブ対応
画面サイズやデバイスに応じた画像配信を行います。 - アクセシビリティ重視
alt 属性の適切な付与など、すべてのユーザーが内容を理解できるよう配慮します。 - パフォーマンス最適化
画像サイズ・フォーマットの最適化や遅延読み込みなどで表示速度を向上させます。 - 運用効率化
命名規則やディレクトリ構成を統一し、管理・保守を容易にします。