> ## Documentation Index
> Fetch the complete documentation index at: https://docs.customei.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Pictures and photos
> Add a fixed picture, a picture that changes with the customer's choice, or a free stock photo.
There are two kinds of picture you can put on a template, and picking the right one at the start saves a lot of rework.
* An **Image** is one picture that stays put. Your logo, a frame, a decorative flourish.
* A **Dynamic Image** is a slot that swaps between several pictures. It is what you use when the customer picks a hair style, a skin tone, or a shirt colour and the artwork has to change to match.
Both live at the top of the **Elements** tab, the first icon on the left rail.
Click either one to drop it on the canvas, then drag and resize it like any other layer.
## Free stock photos
The second icon on the rail opens **Photos**, a library of free stock photography you can use straight away. Type what you want into the search box, or scroll the trending shots.
Clicking a photo places it on the canvas as a picture layer. It is a fast way to mock up a design before your own artwork is ready.
## Setting up a Dynamic Image
Select a dynamic picture layer and the right-hand panel fills with everything about it.
**Asset** is the set of pictures this layer can show. Pick one and every picture inside it appears below.
Each picture carries an **Option ID**: a plain number, 1, 2, 3. That number is the bridge to your option set. When a customer picks the second hair style, the option set asks for Option ID 2 and this layer draws that picture. Keep those numbers stable, because renumbering them quietly changes what each customer choice produces.
Two layers can point at the same asset. Give both the same layer number and a single customer choice will change both figures at once, which is how a two-person design keeps the couple's outfits in step.
## Letting the customer move the picture
Under **Customer permissions** there is one toggle, **Allow customer to edit**. On a picture layer it does not mean the shopper may swap the photo. It means they may nudge and rotate the picture inside its frame. See [What customers can change](/editor/customer-permissions) for how that pairs with photo uploads.
**Use as Mask** turns the layer into a cut-out for the layer beneath it, so a photo shows only through this shape. A heart-shaped photo slot is a mask over a picture, not a heart-shaped picture.
## Position, size, and flip
The **Transform** section gives you exact numbers rather than dragging by eye:
| Field | What it sets |
| -------------- | ------------------------------------------------------ |
| Position X / Y | Where the layer's corner sits on the canvas, in pixels |
| Size W / H | How wide and tall it is, in pixels |
| Rotation | The angle, in degrees |
| Opacity | How see-through it is, as a percentage |
With a single picture layer selected, two extra buttons join the bar under the canvas: **Flip horizontal** and **Flip vertical**. Flipping is the usual trick for making two figures face each other rather than both facing the same way.
The editor has no crop tool and no background remover. Prepare artwork the way you want it before you bring it in. Cutting out a shape is done with **Use as Mask**, not by cropping.
## Where to next
Stack, lock, and rename the pictures you added.
Decide who may edit or upload a picture.
Make a customer choice swap the picture.
Zoom, align, and flip what you just placed.