Working with Image Resolution & Alignment

Follow

To check your image resolution, single-click the image in the builder and locate the Image Resolution section in the Properties tab. 

Retina images allow you to customize your landing page according to the viewer’s device specifications. If your page visitor has a high-def screen that can load higher resolution images, the retina definition feature will work to show the best-quality image to your visitor.

This will display the image resolution in 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 higher dimensions and image quality.


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

If you select multiple images simultaneously by holding down the Shift key, 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.gifTo move these images across the page, continue to hold down the Shift key & use your arrow keys to move the images.


Align Your Images Using Page Guides

The Unbounce Landing Page Builder generates guidelines 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.


Unbounce made it easy for me to find the information I need.
Strongly DisagreeDisagreeSomewhat DisagreeUndecidedSomewhat AgreeAgreeStrongly Agree

Measuring Customer Effort Score with Nicereply