INI
画像ファイル形式 - INI
画像ファイル形式は、デジタル画像データをコンピュータ上で保存・表示・転送するための標準的なフォーマットです。JPEG、PNG、GIF、BMP、SVG、WebP、AVIFなど、用途や特性に応じて様々な形式が存在します。それぞれ圧縮方式、透過性、アニメーション対応、色深度などの特徴があり、Web表示、印刷、写真保存、アイコン作成などの目的に応じて適切な形式を選択することが重要です。近年では高圧縮かつ高品質なWebPやAVIFなどの次世代形式も普及しつつあります。
画像形式
JPEG
PNG
GIF
WebP
AVIF
SVG
Web開発
グラフィックス
[item.jpeg]
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表示","デジタルカメラ","印刷用画像"]
[item.png]
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=["スクリーンショット","ロゴ・アイコン","透過画像","図表・図形"]
[item.gif]
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=["シンプルなアニメーション","小さいアイコン","ロゴ","図形"]
[item.bmp]
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アプリケーション","画像編集の中間形式","システムリソース"]
[item.svg]
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要素","印刷用グラフィックス"]
[item.webp]
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画像最適化","アニメーション","透過画像","レスポンシブ画像"]
[item.avif]
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開発"]