imgix Rendering API Showcase

auto=enhance

drop-shadow

gannma

drop-shadow

hue shift

drop-shadow

vibrance

drop-shadow

sepia tone

drop-shadow

monochrome

drop-shadow

duo tone

drop-shadow

rotation

drop-shadow

watermark

drop-shadow

補足

  • 画像はすべてauto=compress を適用

  • 分割されているページは「左 or 上」が元画像、「右 or 下」が API を適用した画像

  • 「OPEN WORKBENCH」ボタン

    • クリックすると ImageURL Workbench が開く
    • 「NEW」ボタンをクリックすると API が適用された Workbench 画面に切り替わる

  • ImageURL Workbench の操作方法等は次ページの動画を参照

ImageURL Workbench: imgix の Rendering API でレスポンシブ対応

ImageURL Workbench: imgix の Rendering API でレスポンシブ対応

ImageURL Workbench: GitHub リポジトリ

imgix の顔検出を扱っているデモ動画等があります。

ImageURL Workbench リポジトリへのリンク

https://github.com/hankei6km/image-url-workbench