塗りつぶしモード

fill

fill パラメータは、画像の余白をfit=fillまたはfit=fillmaxでリサイズした際の余白の塗りつぶし方法を決定します。

有効な値はblur、gen（生成）、gradient、solidです。fill=genはプレミアム機能です。

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

プレミアム機能

Generative Fill は現在、プレミアムプランで提供されています。この機能に興味がある場合は、弊社の営業チーム (opens in a new tab)にお問い合わせください。

fill=gen モードは、人工知能を使用して余白を生成的にレンダリングし、必要に応じて関連する詳細を追加して視覚的コンテンツを強化します。

このアプローチにより、既存の画像のコンテキストとコンテンツを分析し、fill=gen は知的に追加要素を生成し、最適なフレームを作成します。画像の残りの部分をトリミングする必要なく、最良のフレームを作成します。

以下は、いくつかの例です：

元画像： https://assets.imgix.net/example-images/generative-fill/dog-snow-01.jpg?w=500&h=900&auto=compress,format&dpr=2

生成的な塗りつぶし https://assets.imgix.net/example-images/generative-fill/dog-snow-01.jpg?fit=fill&fill=gen&w=500&h=900&auto=compress,format&dpr=2

生成的な塗りつぶしの出力はキャッシュされ、以降のリサイズやその他の画像変換に使用されます。これらの出力には、生成的な塗りつぶしを制御および変更するための他の追加パラメータが含まれます。

生成的な塗りつぶしの出力を変更するパラメータは次のとおりです。

画像のカラーパレットのビビッドダークとビビッドライトの色の組み合わせを使用して、グラデーション色を使用して余白を塗りつぶします。グラデーションのタイプを指定するには、linearまたはradialカラー制御を使用できます。

グラデーション塗りつぶし出力を変更するパラメータは次のとおりです。

fill-gradient-cs: グラデーションの色空間を定義します（linear、srgb、oklab）
fill-gradient-linear-direction: top、bottom、left、または right を使用して、線形グラデーションの方向を指定します（コンマで区切って2つの値を許可します）
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=blur の動作は、余白にのみ適用されるblurパラメータと同じです。

いくつかの塗りつぶしモードは、bg-remove（プレミアム機能）と組み合わせることで、興味深い画像構成を作成できます。

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

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

または、新しい塗りつぶし色の背景を設定できます：

塗りつぶし色の背景のパイナップル