Imgix APIsVideo APISizeFill Foreground Alignment

Fill Foreground Alignment

fill-align

Sets the position of the foreground video within the fill canvas. The default is center,middle — the video is centered both horizontally and vertically, which produces equal bars on opposite sides.

fill-align accepts one vertical token (top/middle/bottom) and/or one horizontal token (left/center/right), combined as a comma-separated list. Tokens are order-independent. An unspecified axis stays at its default (center horizontally, middle vertically). Applies only when fit=fill or fit=fillmax is used.

For precise percentage-based positioning, use fill-x and fill-y instead.

ValuePosition
topPins the foreground to the top; blurred band appears below
bottomPins the foreground to the bottom; blurred band appears above
leftPins the foreground to the left; blurred band appears on the right
rightPins the foreground to the right; blurred band appears on the left
center,middleDefault — equal bars on all sides
top,centerStandard social layout — content at top, caption band at bottom