GLANZ. CREATIVE WORKS

画像・メディアリソースガイドライン

パフォーマンス向上、アクセシビリティ確保、運用効率化のための画像・メディアリソースガイドライン

ガイドラインの目的

画像やメディアリソースの最適な管理・運用により、ウェブサイトのパフォーマンス向上、アクセシビリティ確保、運用効率化を実現します。

適用範囲

  • 静的画像(JPEG, PNG, WebP, AVIF)
  • SVG・アイコン・UI 要素
  • 写真・イラスト・図表・動画ポスター

基本方針

  • 次世代フォーマット優先
    WebP や AVIF などを優先し、必要に応じて従来フォーマットをフォールバックとして利用します。
  • レスポンシブ対応
    画面サイズやデバイスに応じた画像配信を行います。
  • アクセシビリティ重視
    alt 属性の適切な付与など、すべてのユーザーが内容を理解できるよう配慮します。
  • パフォーマンス最適化
    画像サイズ・フォーマットの最適化や遅延読み込みなどで表示速度を向上させます。
  • 運用効率化
    命名規則やディレクトリ構成を統一し、管理・保守を容易にします。