TOML
画像ファイル形式 - TOML
画像ファイル形式は、デジタル画像データをコンピュータ上で保存・表示・転送するための標準的なフォーマットです。JPEG、PNG、GIF、BMP、SVG、WebP、AVIFなど、用途や特性に応じて様々な形式が存在します。それぞれ圧縮方式、透過性、アニメーション対応、色深度などの特徴があり、Web表示、印刷、写真保存、アイコン作成などの目的に応じて適切な形式を選択することが重要です。近年では高圧縮かつ高品質なWebPやAVIFなどの次世代形式も普及しつつあります。
画像形式
JPEG
PNG
GIF
WebP
AVIF
SVG
Web開発
グラフィックス
[[items]]
code = "01"
slug = "jpeg"
name = "JPEG"
description = "写真画像に最適化された非可逆圧縮形式です。"
animation = false
browserSupport = "Universal (all browsers)"
compression = "非可逆圧縮（DCTベース）"
extensions = "[\".jpg\",\".jpeg\",\".jpe\",\".jif\",\".jfif\"]"
fullName = "Joint Photographic Experts Group"
mimeType = "image/jpeg"
transparency = false
useCases = "[\"写真画像\",\"Web表示\",\"デジタルカメラ\",\"印刷用画像\"]"
[[items]]
code = "02"
slug = "png"
name = "PNG"
description = "可逆圧縮とフルアルファ透過をサポートする形式です。"
animation = false
browserSupport = "Universal (IE9+)"
compression = "可逆圧縮（DEFLATE）"
extensions = "[\".png\"]"
fullName = "Portable Network Graphics"
mimeType = "image/png"
transparency = true
useCases = "[\"スクリーンショット\",\"ロゴ・アイコン\",\"透過画像\",\"図表・図形\"]"
[[items]]
code = "03"
slug = "gif"
name = "GIF"
description = "アニメーションと1ビット透過をサポートする形式です。"
animation = true
browserSupport = "Universal (all browsers)"
compression = "可逆圧縮（LZW）"
extensions = "[\".gif\"]"
fullName = "Graphics Interchange Format"
mimeType = "image/gif"
transparency = true
useCases = "[\"シンプルなアニメーション\",\"小さいアイコン\",\"ロゴ\",\"図形\"]"
[[items]]
code = "04"
slug = "bmp"
name = "BMP"
description = "Windows標準のビットマップ画像形式です。"
animation = false
browserSupport = "Universal (limited use)"
compression = "無圧縮または可逆圧縮"
extensions = "[\".bmp\",\".dib\"]"
fullName = "Bitmap"
mimeType = "image/bmp"
transparency = false
useCases = "[\"Windowsアプリケーション\",\"画像編集の中間形式\",\"システムリソース\"]"
[[items]]
code = "05"
slug = "svg"
name = "SVG"
description = "XMLベースのスケーラブルベクター形式です。"
animation = true
browserSupport = "IE9+, Chrome 4+, Firefox 3+, Safari 3.2+, Edge 12+"
compression = "XMLベース（HTTP圧縮可能）"
extensions = "[\".svg\",\".svgz\"]"
fullName = "Scalable Vector Graphics"
mimeType = "image/svg+xml"
transparency = true
useCases = "[\"アイコン・ロゴ\",\"図表・ダイアグラム\",\"UI要素\",\"印刷用グラフィックス\"]"
[[items]]
code = "06"
slug = "webp"
name = "WebP"
description = "Google開発の次世代Web画像形式です。"
animation = true
browserSupport = "Chrome 23+, Firefox 65+, Safari 14+, Edge 18+, Opera 12.1+"
compression = "非可逆・可逆両対応（VP8ベース）"
extensions = "[\".webp\"]"
fullName = "WebP"
mimeType = "image/webp"
transparency = true
useCases = "[\"Web画像最適化\",\"アニメーション\",\"透過画像\",\"レスポンシブ画像\"]"
[[items]]
code = "07"
slug = "avif"
name = "AVIF"
description = "AV1コーデックを使用した次世代画像形式です。"
animation = true
browserSupport = "Chrome 85+, Firefox 93+, Safari 16+, Opera 71+, Edge (Chromium-based)"
compression = "非可逆・可逆両対応（AV1ベース）"
extensions = "[\".avif\",\".avifs\"]"
fullName = "AV1 Image File Format"
mimeType = "image/avif"
transparency = true
useCases = "[\"高圧縮Web画像\",\"HDR画像\",\"高品質写真\",\"次世代Web開発\"]"