Image Sizing on Forms and Landing Pages
It's 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 for the images is crucial for the overall look and feel of your forms and landing pages. 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 Preview option at the top of the page.
The Legacy Form Builder
Starting July 2018, we introduced a new Form Builder to ConvertKit! Any previously existing Forms will still use the Legacy Form Builder, for which the instructions below will be helpful!
If you are looking for images sizes for the New Form Builder, keep scrolling!
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, and roughly 300px wide is the best bet for forms. Of course, you want it to have some balance with the rest of the form, so 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:
This way, you can upload images at your own dimensions until it looks just right for you.
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).
While there aren't exact image sizes, here are a few general rules:
- The 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. Pixlr.com is a great web-based alternative, if you don't have Photoshop.
The New Form Builder
All new Forms created (not Legacy forms) will use this new builder. Here's what you need to know about image sizing with the New Form Builder:
Sidebar Landing Page