フォーマット変換
WebP や AVIF など配信フォーマットを変換します。
フォーマット変換 (Format & Quality)
出力フォーマットの変更や圧縮品質の調整 ができます。
これにより、トラフィックの削減、読み込み速度の改善、ブラウザ互換性の確保が可能になります。
format
説明
出力する画像フォーマットを指定します。
指定しない場合は元のフォーマットで返されます。
形式
?format={type}
エイリアス
f(短縮形)format(正式形)
対応フォーマット
| フォーマット | 説明 | 特徴 |
|---|---|---|
webp |
高効率な圧縮フォーマット | ほとんどの最新ブラウザが対応 |
avif |
次世代の高効率フォーマット | WebP よりさらに高い圧縮率 |
jpeg, jpg |
一般的な非可逆フォーマット | バランスの取れた互換性 |
png |
可逆圧縮フォーマット | 透過に対応 |
gif |
アニメーション画像 | シンプルなアニメーションに最適 |
tiff |
高品質フォーマット | 印刷・保存用 |
svg |
ベクターフォーマット | ロゴ、アイコン用 |
例
| リクエスト | 結果 |
|---|---|
?format=webp |
WebP に変換 |
?format=avif |
AVIF に変換 |
?f=png |
PNG に変換 |
quality
説明
圧縮フォーマットの画像品質を調整します。
値が低いほどファイルサイズは小さくなりますが、細部の品質が下がります。
形式
?quality={1~100}
エイリアス
q
例
| リクエスト | 結果 |
|---|---|
?q=90 |
高品質(サイズ↑) |
?q=60 |
中品質(デフォルト程度) |
?q=30 |
低品質(サイズ↓) |
組み合わせて使う
?format=webp&q=75
- AVIF・WebP・JPEG などの非可逆フォーマットに適用されます
- PNG・SVG は可逆フォーマットのため、
qualityは無視されます
MIME の自動変換
リクエスト時の format に応じて、レスポンスヘッダーの Content-Type が自動で変わります。
| format | Content-Type |
|---|---|
webp |
image/webp |
avif |
image/avif |
jpeg / jpg |
image/jpeg |
png |
image/png |
svg |
image/svg+xml |
💡 Tip:
- WebP はほとんどのブラウザで標準対応しており、JPEG と比べてファイルサイズを 25~35% 削減できます。
- AVIF は高効率ですが、一部の古いブラウザでは対応していない場合があります。