Editing Images

Follow

Note

Retina images are available on Essential, Premium and Enterprise plans.

Working with Image Resolution

To check your image resolution, single-click the image in the Builder and find "Image Resolution" in the "Properties" tab on the right.

The resolution will be displayed according to the following three resolution tiers (in ascending order of quality):

1x: Standard Definition.
2x: Retina Definition.
3x: High(er) Retina Definition.

Image_Resolution.png

Pro Tip

If your image isn't crisp or showing the 3x checkmark in the Builder, try uploading a version of the image with bigger dimensions.


Working with Image Alignment/Distribution

To adjust your image alignment, single-click the image in the Builder and use the Align buttons at the top or bottom of the image to choose one of the following alignment options:

  • Align Left.
  • Align Horizontally.
  • Align Right.
  • Align Top.
  • Align Vertically.
  • Align Bottom.

Image_Alignment.gif

When you select three or more images at the same time (see Multi-Selecting Images for a quick rundown on how to do this), you'll see two more options for distribution. These options will evenly distribute the selected elements horizontally and/or vertically:

  • Distribute Horizontally.
  • Distribute Vertically.

Distribution.gif


Align Your Images Using Page Guides

The Unbounce Landing Page Builder generates guide lines for you to use when lining up multiple elements on your landing page. These green lines allow you to align your image with the other elements on your page or center them within boxes or page sections.


Was this article helpful?
0 out of 5 found this helpful