Images do a lot of the persuading on a landing page. Here's how Landra handles them, and how to make them your own.

During the build flow you decide whether Landra generates AI images for the page. With it on, Landra creates a photo for each section that needs one as part of generation. You can also drop in your product photo during that step so it's used where the product appears.

AI image generation is a Pro feature and is included while you're on the trial. If you'd rather use only your own photography, you can leave it off and add images yourself in the editor.

Every image on your page opens into one place: the Landra AI Image Studio. Hover any image on the canvas and click the ✎ Edit image pill that appears, or select the image and click ✎ Edit image in its panel in the Edit tab. This works on standalone photos and on images inside modules like listicle items, ingredient cards, and your offer.

The studio has four tabs:

Edit image and Generate new need a Pro plan. Upload and Crop are free on every plan, because neither one calls the AI.

Open the fourth tab to trim an image. Drag the corners of the rectangle to crop, drag inside it to move it, or drag on the dimmed area to draw a new selection. The readout under the picture shows the size you'll get, for example 765 × 900 px, and Whole image snaps the rectangle back out to the full frame.

You can also do it from the keyboard. Focus the selection, then use the arrow keys to move it, and hold Shift with the arrows to resize it.

A crop is never final. When you reopen the tab later you get the original photo back with your rectangle still on it, so you can pull it wider, tighten it further, or press Whole image and then Restore whole image to go all the way back. Each crop is cut fresh from the original, so quality never degrades from cropping twice.

The focus point is the orange dot. It marks the part of the photo the page keeps in frame when a section crops the image to fit its shape, which is what stops a face or a product being cut off at some screen sizes. Drag the dot, or focus it and use the arrow keys. It saves on its own, so the page behind the modal re-crops as you drag.

Two things worth knowing. If dragging the dot one way seems to do nothing, that direction has no room to move in that particular frame, and only the other axis is doing any cropping. And the dot only appears on images where the page actually crops to fit, so the tab reads plain Crop on things like logos, reviewer photos, and stock images.

Every result, whether an edit, a new generation, an upload, a crop, or restoring an old version, lands as a candidate next to your current image first. Compare them with Before / After / Side-by-side, then click ✓ Apply to put it on the page or Keep old to discard it. Generating takes about 15 seconds, and a failed attempt keeps all your settings so you can just hit Retry.

The studio keeps the recent versions of each image slot as a thumbnail strip under the preview. Click any old version to bring it back. Restoring is free and never destroys the newer versions, so you can experiment without fear of losing a good image.

Every image on your page uses the same set of shape controls. Select an image on the canvas, or the module it sits in like a listicle or your offer, open the Style tab in its panel, and find Image Size & Shape.

It works the same way everywhere images appear: standalone photos in your copy, listicle and reason list items, Best-Of roundup entries, ingredient cards, and the product shot in your offer.

Pick a shape under Image ratio. Each option is drawn at its real proportions, so you can see what you are choosing rather than work it out from the numbers.

Original is the default and means "leave it alone". The image keeps whatever shape the template chose for that spot, which is usually the right answer. The other five force a shape: Square (1:1), Portrait (4:5), Landscape (3:2), Widescreen (16:9), and Tall (9:16).

Setting a shape crops the photo to fit it, so it pairs well with the focus point above. Set the shape first, then nudge the orange dot on any image whose subject drifts out of frame. Changing the shape also tells Landra what to compose for if you generate a new image for that spot afterwards.

On a list, the shape applies to every item at once so they stay consistent, and on a Best-Of page that includes the Editor's Pick as well as the ranked entries.

The Applies to switch at the top of the card decides which screens your change lands on. This matters more than it sounds: a wide 16:9 photo that looks right on a desktop can be a thin strip on a phone.

The two screens are independent. Nothing you set on one carries over to the other, so a screen you have never touched keeps the template default rather than copying your other choice.

The usual way to work is to set the look you want on Both, then switch to Mobile and override just the one or two controls that need to differ. Everything you set on Both stays put on phones except the controls you actually changed. If you want the two back in step, set the control on Both again.

In Both mode, a control whose screens currently disagree shows nothing selected and says differs by screen. Picking a value there puts both screens back on the same setting.

The product photo in your offer sits in a frame the template sizes for you. If it looks small inside its card, select the offer, open the Style tab, and drag Product Image Size.

It starts at Default, which is whatever the template chose. Once you've moved it, a Reset to template default link appears underneath to put it back. Dragging below the template's own size does nothing visible, so if the slider seems stuck, drag it up rather than down. Some offer layouts size their picture by width instead, and those don't show this slider at all.

Every review shows a coloured circle with the reviewer's initials. You can replace that circle with a real customer photo, one reviewer at a time. Select the reviews section, open a reviewer's card in the Edit tab, and use Photo (replaces the initials).

It's optional per reviewer, so a section can mix photos and initials without looking broken. These are your own uploads. Landra never generates a face for a review, because a made-up person attached to a real quote is not something we'll put on your page.

If you'd rather show no circles at all, open the Style tab and turn off Show avatars. That hides the circle on every review in the section.

Delete the section an image belongs to from the Page Tree if you don't want that block at all. You can also hide an image without losing it, using the ⋯ on its block row in the Structure tab.

Still need help? Click the chat bubble in the bottom-right corner of the editor, or email hello@getlandra.com.