Googleが開発している比較的新しい画像フォーマットです。「ウェッピー」と読みます。
通常のjpgやpngをこのWebP形式に変換をかけるだけで、20%~30%ほどサイズが小さくなる場合があります。
以下、PNG形式の元画像に ?fm=webp を付与し、WebP形式に変換した例です。
▼URL
https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/0b33104ab3fd2ba2d6b12e8ef25734de/sample-02.png?fm=webp
画像をAVIF形式に変換します。
GoogleやAmazon、Netflixなどが参加する企業連合が開発している新しい画像フォーマットです。
WebP形式よりも高い圧縮率を期待できますが、最新フォーマットのため、古いバージョンのブラウザでは非対応の場合があります。
以下、PNG形式の元画像に ?fm=avif を付与し、AVIF形式に変換した例です。
▼URL
https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/0b33104ab3fd2ba2d6b12e8ef25734de/sample-02.png?fm=avif
画像のメタ情報を取得します。
例）?fm=json
{
"Content-Type": "image/png",
"Output": {},
"ColorModel": "RGB",
"Content-Length": "104152",
"Depth": 8,
"PNG": {
"InterlaceType": 0,
"sRGBIntent": 0,
"Gamma": 0.45455,
"Chromaticities": [
0.3127,
0.329,
0.64,
0.33,
0.3,
0.6,
0.15,
0.06
]
},
"PixelHeight": 300,
"PixelWidth": 600,
"ProfileName": "sRGB IEC61966-2.1"
}