How do I add and replace images?

Images can be static (always the same) or dynamic (changed via API).

Adding Images

Option 1: Upload Your Own

1. Click Images in the left sidebar
2. Click Upload and select your file
3. Drag the image onto your canvas

Option 2: Use Stock Images

1. Click Images > Stock
2. Search for what you need
3. Click to add to canvas

Option 3: Drag and Drop

• Simply drag an image file from your computer onto the canvas

Making Images Dynamic

1. Select the image element
2. Name the layer (e.g., product_photo)
3. Use the API to replace it:

json
{
  "dynamicElements": {
    "product_photo": {
      "src": "https://example.com/my-image.jpg"
    }
  }
}

Image Requirements

• Formats: JPG, PNG, WebP, SVG
• Max Size: 10MB per image
• Recommended: Use URLs for dynamic images (faster than base64)

Image Fitting Options

• Fill: Image fills the entire frame (may crop)
• Fit: Entire image visible (may have empty space)
• Stretch: Image stretches to fill (may distort)
• Tile: Image repeats to fill the space