Static editor · Canvas basics · 1 min read

Change canvas aspect ratio

Switch your mockup from a landscape composition to a square canvas in three simple steps.

Watch the steps

Open Composition, choose 1:1, and review your square canvas.

10-second editor demo · no audio
Transcript

An iPhone scene is open on a 4:3 canvas. Click the 4:3 button above the canvas.

The Composition menu opens with 1:1, 16:9, 4:3, 3:4 and 9:16.

Click 1:1. The button now reads 1:1 and the canvas is square.

Close the menu with its × button and review the square canvas.

Open Composition

With your mockup open in Static, click the aspect-ratio button above the canvas. In this example, it reads 4:3.

Wide editor view with the 4:3 Composition button above the canvas and the settings panel on the rightWide editor view with the 4:3 Composition button above the canvas and the settings panel on the right
The Composition button is at the top-right of the canvas, just left of the settings panel.

Choose 1:1

In the Composition menu, select 1:1 for a square canvas. The new ratio is applied immediately.

Composition menu showing the 1:1, 16:9, 4:3, 3:4 and 9:16 presetsComposition menu showing the 1:1, 16:9, 4:3, 3:4 and 9:16 presets
Choose a preset in the Composition menu.
The Composition menu with the 1:1 preset selected and the button above the canvas reading 1:1The Composition menu with the 1:1 preset selected and the button above the canvas reading 1:1
After you choose 1:1, the canvas becomes square.

Review your composition

Close the menu using its × button. Check the framing on the square canvas. The button above the canvas now reads 1:1.

Completed square composition with a 1:1 indicator; both editor side panels are visibleCompleted square composition with a 1:1 indicator; both editor side panels are visible
Your mockup is now framed on a square canvas.

Questions

Which aspect ratios can I choose?

The Composition menu offers 1:1, 16:9, 4:3, 3:4 and 9:16.

Where do I see the current aspect ratio?

The button above the canvas shows it. In this guide it reads 4:3 at first and 1:1 after you choose the square preset.

Does the new ratio apply right away?

Yes. The ratio is applied immediately when you pick a preset in the Composition menu.

How do I close the Composition menu?

Click the × button on the menu, then check the framing on the new canvas.

Try it in the Static mockup editor

Photo mockups in the browser: drop a design in, export a picture.

Open editor