Image Sizing on Forms and Landing Pages

It is commonly said that images create higher conversions. When you can see what you're getting (even when that "thing" is a digital product), you're more likely to feel a connection with it and want to have access to it for yourself.

Getting the right dimensions on the images you use in your forms and landing pages is crucial for the overall look and feel of your forms and landing pages and this article is designed to make that easy.

Pro Tip: when you're wondering what your final form or landing page will look like, click the View button at the top of the page. You may notice as you build your forms and landing pages that longer headlines look like they're cutoff or images look too small or too large. Go ahead and click the view button to see what the final product will look like and refresh that page as you go.

Forms

To begin with, the Full Form Style is the only form that allows you to add an image to it. Once you have your text and colors setup (you can change the colors using the magic wand icon at the top of the Form Editor), you'll want to add your image.

One of the most common questions we get is "What is the are the best dimensions for my image?" Simply put, any dimension will work but roughly 300px wide is the best bet for forms. Of course, you want it to have some balance with the rest of the form but you can change the image size to your own preference.

We recommend you use the image upload feature inside the description text box rather than the image thumbnail uploader ->

Image%20upload%20on%20form

That way you can upload images at your own dimensions until it looks just right for you.

Landing Pages

Landing pages have the ability to hold multiple images depending on the style of page you build. The Single Column style offers two image locations (on top and next to the opt in form) and the Sliding style offers one large background image. The Sidebar Style offers one image (next to the opt in form).

landing page styles

While there aren't exact image sizes, a general rule we like to follow is that the largest image (that Sliding Style background) should have a width of between 900 and 1200 pixels.

The medium size image (the header image on a Single Column style) should have a width of around 600px.

And the smallest image size (that image next to your opt in form on Single Column and Sidebar), should be around 300px wide.

If you need to resize your images before uploading, you can easily do that in Preview if you're on a Mac or Pixlr.com is a great web-based alternative if you don't have Photoshop.

Still need help? Contact Us Contact Us