Slide 10
Slide 10 text
GET /fill/{width}/{height}/{gravity}/{format}/{quality}/{path:.+}
fill ─ 余った部分をトリミングしつつ、指定したサイズで出力
width 横幅を 1〜1920 の数値で指定
height 縦幅を 1〜1920 の数値で指定
gravity
寄せる方向を c, n, e, s, w, ne, se, sw, nw(*1)のい
ずれかで指定
format
出力フォーマットを jpeg, png, webp, gif のいずれか
で指定
quality クオリティを 1〜100 の数値で指定
path 画像のパスを指定
s3://imagepix-demo/sample/portrait.png
(427x660, image/png)
s3://imagepix-demo/sample/landscape.png
(736x317, image/png)
https://demo.imagepix.app/fill/300/300/c/
webp/80/sample/portrait.png
(300x300, image/webp)
https://demo.imagepix.app/fill/300/300/c/we
bp/80/sample/landscape.png
(300x300, image/webp)
*1 c, n, e, s, w はそれぞれ Center, North, East, South, West の頭文字