YAML

画像ファイル形式 - YAML

画像ファイル形式は、デジタル画像データをコンピュータ上で保存・表示・転送するための標準的なフォーマットです。JPEG、PNG、GIF、BMP、SVG、WebP、AVIFなど、用途や特性に応じて様々な形式が存在します。それぞれ圧縮方式、透過性、アニメーション対応、色深度などの特徴があり、Web表示、印刷、写真保存、アイコン作成などの目的に応じて適切な形式を選択することが重要です。近年では高圧縮かつ高品質なWebPやAVIFなどの次世代形式も普及しつつあります。

画像形式 JPEG PNG GIF WebP AVIF SVG Web開発グラフィックス

- code: "01"
  slug: "jpeg"
  name: "JPEG"
  fullName: "Joint Photographic Experts Group"
  extensions:
    - ".jpg"
    - ".jpeg"
    - ".jpe"
    - ".jif"
    - ".jfif"
  mimeType: "image/jpeg"
  compression: "非可逆圧縮（DCTベース）"
  transparency: false
  animation: false
  description: "写真画像に最適化された非可逆圧縮形式です。"
  useCases:
    - "写真画像"
    - "Web表示"
    - "デジタルカメラ"
    - "印刷用画像"
  browserSupport: "Universal (all browsers)"
- code: "02"
  slug: "png"
  name: "PNG"
  fullName: "Portable Network Graphics"
  extensions:
    - ".png"
  mimeType: "image/png"
  compression: "可逆圧縮（DEFLATE）"
  transparency: true
  animation: false
  description: "可逆圧縮とフルアルファ透過をサポートする形式です。"
  useCases:
    - "スクリーンショット"
    - "ロゴ・アイコン"
    - "透過画像"
    - "図表・図形"
  browserSupport: "Universal (IE9+)"
- code: "03"
  slug: "gif"
  name: "GIF"
  fullName: "Graphics Interchange Format"
  extensions:
    - ".gif"
  mimeType: "image/gif"
  compression: "可逆圧縮（LZW）"
  transparency: true
  animation: true
  description: "アニメーションと1ビット透過をサポートする形式です。"
  useCases:
    - "シンプルなアニメーション"
    - "小さいアイコン"
    - "ロゴ"
    - "図形"
  browserSupport: "Universal (all browsers)"
- code: "04"
  slug: "bmp"
  name: "BMP"
  fullName: "Bitmap"
  extensions:
    - ".bmp"
    - ".dib"
  mimeType: "image/bmp"
  compression: "無圧縮または可逆圧縮"
  transparency: false
  animation: false
  description: "Windows標準のビットマップ画像形式です。"
  useCases:
    - "Windowsアプリケーション"
    - "画像編集の中間形式"
    - "システムリソース"
  browserSupport: "Universal (limited use)"
- code: "05"
  slug: "svg"
  name: "SVG"
  fullName: "Scalable Vector Graphics"
  extensions:
    - ".svg"
    - ".svgz"
  mimeType: "image/svg+xml"
  compression: "XMLベース（HTTP圧縮可能）"
  transparency: true
  animation: true
  description: "XMLベースのスケーラブルベクター形式です。"
  useCases:
    - "アイコン・ロゴ"
    - "図表・ダイアグラム"
    - "UI要素"
    - "印刷用グラフィックス"
  browserSupport: "IE9+, Chrome 4+, Firefox 3+, Safari 3.2+, Edge 12+"
- code: "06"
  slug: "webp"
  name: "WebP"
  fullName: "WebP"
  extensions:
    - ".webp"
  mimeType: "image/webp"
  compression: "非可逆・可逆両対応（VP8ベース）"
  transparency: true
  animation: true
  description: "Google開発の次世代Web画像形式です。"
  useCases:
    - "Web画像最適化"
    - "アニメーション"
    - "透過画像"
    - "レスポンシブ画像"
  browserSupport: "Chrome 23+, Firefox 65+, Safari 14+, Edge 18+, Opera 12.1+"
- code: "07"
  slug: "avif"
  name: "AVIF"
  fullName: "AV1 Image File Format"
  extensions:
    - ".avif"
    - ".avifs"
  mimeType: "image/avif"
  compression: "非可逆・可逆両対応（AV1ベース）"
  transparency: true
  animation: true
  description: "AV1コーデックを使用した次世代画像形式です。"
  useCases:
    - "高圧縮Web画像"
    - "HDR画像"
    - "高品質写真"
    - "次世代Web開発"
  browserSupport: "Chrome 85+, Firefox 93+, Safari 16+, Opera 71+, Edge (Chromium-based)"