Skip to content

Image

Available Properties

PropertyDescription
image_urlString. HTTP(s) URL of your image. Max 10 MB. Supported: jpeg, png, webp, svg, gif, tiff. Tiff is only supported for Print designs. For Print designs the maximum file size is 500 MB.
image_encodedString. Base64 encoded image. Ignored if image_url is provided
opacityInteger 0–100. Opacity of the image
fitting_typeSee Fitting Type
alignmentSee Alignment
mask_name / mask_propertiesSee Mask
filter_name / filter_propertiesSee Filter
overlay_direction / overlay_color_1 / overlay_color_2See Overlay
shadow_color / shadow_blur / shadow_offset_x / shadow_offset_ySee Shadow
remove_bg / remove_bg_propertiesSee Remove Background
auto_focus / auto_focus_propertiesSee Auto Focus
text_to_imageSee Text to Image. Ignored if image_url or image_encoded is given

Fitting Type

fitting_type defines how the image fills its bounding box:

  • cover: Fills the area entirely without changing aspect ratio (may crop) — equivalent to CSS object-fit: cover
  • fill: Scales the image to fit entirely within the box (may leave empty space) — equivalent to CSS object-fit: contain

TIP

If you're familiar with CSS, note that Abyssale's fill maps to CSS contain, not CSS fill.

ValueResult
"fitting_type": "fill"Fitting type fill
"fitting_type": "cover"Fitting type cover

Alignment

alignment overrides the default image alignment.

  • One string: top, middle, bottom, left, center, right
  • Two strings: vertical + horizontal, e.g. "top left", "middle right"
ValueResult
cover + alignment: middle centerCover middle center
cover + alignment: middle rightCover middle right
fill + alignment: bottom centerFill bottom center
fill + alignment: middle centerFill middle center

Mask

mask_name applies a shape mask to the image:

ValueDescriptionPreview
circleCircular maskCircle mask
rounded_cornersRounded corners. Requires mask_properties: { "radius": <integer> }Rounded corners mask
blobBlob shapeBlob mask
squircleSquircle shapeSquircle mask
pentagonPentagon shapePentagon mask
hexagonHexagon shapeHexagon mask
parallelogramParallelogram shapeParallelogram mask

Filter

filter_name applies a color filter:

  • grayscale: Converts image to grayscale
  • duotone: Applies a duotone filter. Requires filter_properties: { "name": "<duotone_name>" }

Available duotone names: blue_orange, deep_green_light_green, BrightRed_light_yellow, brown_pale_green, brown_beige, deep_blue_green, deep_blue_red, deep_purple_orange, deep_purple_beige, deep_purple_pale_green, deep_blue_pale_green

FilterPreviewFilterPreviewFilterPreview
OriginalOriginal imagegrayscaleGrayscale filterduotone: blue_orangeDuotone blue orange
duotone: deep_green_light_greenDuotone deep green light greenduotone: BrightRed_light_yellowDuotone BrightRed light yellowduotone: brown_pale_greenDuotone brown pale green
duotone: brown_beigeDuotone brown beigeduotone: deep_blue_greenDuotone deep blue greenduotone: deep_blue_redDuotone deep blue red
duotone: deep_purple_orangeDuotone deep purple orangeduotone: deep_purple_beigeDuotone deep purple beigeduotone: deep_purple_pale_greenDuotone deep purple pale green
duotone: deep_blue_pale_greenDuotone deep blue pale green

Overlay

Adds a monochrome or gradient overlay. All three properties are required:

  • overlay_direction: "horizontal", "vertical", or "diagonal"
  • overlay_color_1: First color (6–8 digit hex)
  • overlay_color_2: Second color (6–8 digit hex). Set both to the same color for a monochrome overlay
ValueResult
Gradient horizontal (overlay_color_1: "#FF000080", overlay_color_2: "#0000FF1A")Overlay gradient horizontal
Gradient verticalOverlay gradient vertical
Gradient diagonalOverlay gradient diagonal
Monochrome (both colors the same)Overlay monochrome

Remove Background

Automatically removes the background from an image using AI.

ParameterTypeDescriptionDefault
remove_bgBooleanActivates background removalfalse
remove_bg_propertiesObjectAdditional settings
remove_bg_cropBooleanTrims edges after removalfalse
json
{
  "remove_bg": true,
  "remove_bg_properties": {
    "remove_bg_crop": true
  }
}
ValueResult
"remove_bg": trueRemove background true
"remove_bg": true + "remove_bg_crop": trueRemove background with crop

Auto Focus

Automatically detects and focuses on specified objects using AI.

ParameterTypeDescriptionDefault
auto_focusBooleanActivates auto-focusfalse
auto_focus_propertiesObjectAdditional settings
modelString"generic", "people", or "face""generic"
focus_objectsArray of stringsObjects to focus on (generic model only). Uses Open Images Dataset labels
focus_framingStringpeople model only: "face", "head", "shoulders", "full_body""face"
focus_zoomStringpeople model only: "off", "low", "medium", "max""max"
focus_targetStringpeople model only: "largest", "left", "middle", "right", "all""all"

Generic model example:

json
{
  "auto_focus": true,
  "auto_focus_properties": {
    "model": "generic",
    "focus_objects": ["Woman", "Car"]
  }
}
ValueResult
auto_focus: falseAuto focus disabled
model: "generic"Auto focus generic
model: "face"Auto focus face
focus_objects: ["man"]Auto focus man
focus_objects: ["woman"]Auto focus woman
focus_objects: ["boy"]Auto focus boy
focus_objects: ["woman", "boy"]Auto focus woman and boy

People model example:

json
{
  "auto_focus": true,
  "auto_focus_properties": {
    "model": "people",
    "focus_framing": "shoulders",
    "focus_zoom": "low",
    "focus_target": "right"
  }
}
ValueResult
people, shoulders, low zoom, rightAuto focus people shoulders right
people, shoulders, low zoom, leftAuto focus people shoulders left
people, head, max zoom, leftAuto focus people head left

Text to Image

Generates an image from a text description using AI. Only available for asynchronous generation. Ignored if image_url or image_encoded is provided.

json
{
  "text_to_image": "A sleek, modern glass villa situated in the middle of a minimalist lavender field. Sharp lines, reflection of the blue sky in the windows, wide-angle shot, architectural photography style, hyper-realistic."
}