Imgix APIsレンダリング API塗りつぶし塗りつぶしモード

塗りつぶしモード

fill

fillパラメータは、fit=fillまたはfit=fillmaxでリサイズされた画像の余白部分をどのように塗りつぶすかを決定します。

有効な値はblurgen(生成)、gradient、およびsolidです。なお、fill=genはプレミアム機能です。

fill=blur

元の画像のぼかしバージョンで余白を塗りつぶします。fill=blurの動作は、blurパラメータと同様ですが、余白部分のみに適用されます。

fit=fillおよびfill=blurでリサイズされた画像
sandbox-demo

fill=gen

プレミアム機能

ジェネレーティブ塗りつぶしは現在、Imgixのプレミアムプランのお客様に提供されています。この機能にご興味がある場合は、営業チームにお問い合わせください

fill=genモードはAI(人工知能)を使用して余白をシームレスに塗りつぶし、必要に応じて関連する詳細を追加して視覚的な内容を向上させます。

この方法により、画像の元の枠を越えて拡張し、最適な構図を生成するためにAIの能力を活用し、クロップすることなく完全なfill出力が可能になります。既存画像のコンテキストと内容を分析して、追加要素をインテリジェントに生成・統合します。

以下に例を示します:

元の画像 01
sandbox-demo
元の画像 02
sandbox-demo
ジェネレーティブ塗りつぶし 01
sandbox-demo
ジェネレーティブ塗りつぶし 02
sandbox-demo

ジェネレーティブ塗りつぶしの出力は、塗りつぶし関連のパラメータが変更されない限り、後続のリサイズや画像変換のためにキャッシュおよび保存されます。

以下の追加パラメータでジェネレーティブ塗りつぶしの出力を制御・変更できます:

AI Composition

The Rendering API processes multiple AI transformations asynchronously and requires a few seconds to complete. When present, multiple AI transformations get rendered in this order:

Read this tutorial to learn more about chaining AI transformations.

fill=gradient

画像のカラーパレットから得られる鮮やかな暗色と鮮やかな明色を組み合わせて、グラデーションカラーで余白を塗りつぶします。指定されたグラデーションタイプに応じて、linearまたはradialのカラ―制御を使って色を調整できます。

グラデーション塗りつぶしの出力を制御するパラメータ:

fill=solid

元の画像のぼかしバージョンで余白を塗りつぶします。fill=blurの動作はblurパラメータと同様ですが、余白部分のみに適用されます。

bg-removeとの組み合わせ

いくつかの塗りつぶしモードは、bg-remove(プレミアム機能)と組み合わせて使用でき、ユニークな画像構成を作成できます。

例えば、オブジェクトにグラデーション背景を設定できます:

グラデーション背景のパイナップル

または、新しい単色背景を設定することもできます:

単色背景のパイナップル