塗りつぶしモード
fill
fill
パラメータは、fit=fill
またはfit=fillmax
でリサイズされた画像の余白部分をどのように塗りつぶすかを決定します。
有効な値はblur
、gen
(生成)、gradient
、およびsolid
です。なお、fill=gen
はプレミアム機能です。
fill=blur
元の画像のぼかしバージョンで余白を塗りつぶします。fill=blur
の動作は、blur
パラメータと同様ですが、余白部分のみに適用されます。
fill=gen
プレミアム機能
ジェネレーティブ塗りつぶしは現在、Imgixのプレミアムプランのお客様に提供されています。この機能にご興味がある場合は、営業チームにお問い合わせください。
fill=gen
モードはAI(人工知能)を使用して余白をシームレスに塗りつぶし、必要に応じて関連する詳細を追加して視覚的な内容を向上させます。
この方法により、画像の元の枠を越えて拡張し、最適な構図を生成するためにAIの能力を活用し、クロップすることなく完全なfill
出力が可能になります。既存画像のコンテキストと内容を分析して、追加要素をインテリジェントに生成・統合します。
以下に例を示します:




ジェネレーティブ塗りつぶしの出力は、塗りつぶし関連のパラメータが変更されない限り、後続のリサイズや画像変換のためにキャッシュおよび保存されます。
以下の追加パラメータでジェネレーティブ塗りつぶしの出力を制御・変更できます:
fill-gen-prompt
: ジェネレーティブ塗りつぶしのためのテキスト入力提案fill-gen-neg-prompt
: 否定的なテキスト入力提案fill-gen-fallback
: フォールバック動作の制御fill-gen-pos
: 出力位置の制御fill-gen-seed
: より予測可能な出力を生成するために使用
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-gradient-cs
: グラデーションのカラースペース(linear
,srgb
,oklab
)fill-gradient-linear-direction
: 線形グラデーションの方向(top
,bottom
,left
,right
など)fill-gradient-linear
: 線形グラデーションの色指定(例:fill-gradient-linear=color1,color2
)fill-gradient-radial
: 放射状グラデーションの色指定(例:fill-gradient-radial=color1,color2
)fill-gradient-radial-radius
: 放射状グラデーションの半径(ピクセル単位、例:fill-gradient-radial-radius=200,500
)fill-gradient-radial-x
: 放射状グラデーションの中心X座標fill-gradient-radial-y
: 放射状グラデーションの中心Y座標fill-gradient-type
: グラデーションのタイプ(linear
またはradial
)
fill=solid
元の画像のぼかしバージョンで余白を塗りつぶします。fill=blur
の動作はblur
パラメータと同様ですが、余白部分のみに適用されます。
bg-remove
との組み合わせ
いくつかの塗りつぶしモードは、bg-remove
(プレミアム機能)と組み合わせて使用でき、ユニークな画像構成を作成できます。
例えば、オブジェクトにグラデーション背景を設定できます:
または、新しい単色背景を設定することもできます: