They say variety is the spice of life but when we talk about the online space, landing pages are indeed the spice of life! Well, at the very least, the spice of consistent online conversions.

While a great headline and compelling offer are mandatory for a good overall landing page, the right imagery can convey your message within seconds and do some amazing things to convert leads into paying customers.

Landing page images that boost conversions

Find a great image

Online stock photos are a great place to start for free images although there are also many paid online stock photo sites that are worth checking out.

Once you find the right landing page photo, it’s time to tweak it for maximum conversions.

Work in some image effects

It’s almost never a good idea to use a stock photo “as is” for your landing page. One of the best ways to resize, crop or repurpose the image for your landing page is to talk to a landing page design expert as they will be able to add the perfect effects and finishing touches to make your image ‘landing page-ready’.

Consider images and page performance

Landing page images can be greatly affected by size and this is important to consider as it can greatly impact how quickly your landing page loads on your visitor’s chosen device. If it loads slowly, your visitor might never convert as they will navigate away from the page before even seeing your offer.

Google’s free PageSpeed Insights Tool is a good starting point, although working with a landing page design specialist is the best way to achieve the perfect balance between landing page quality and performance.

Give image dimensions a think

Image dimensions can be a major page performance hogger. We see a lot of folks uploading very large landing page images – such as 2k by 2k pixels – and then use the ‘magical’ power of HTML to downsize them to 200 by 200 pixels!

This is not a good way to go about it because this means the user’s browser will have to still load the original 2k by 2k image – essentially, that’s 10x more loading than it has to. Therefore, the image must match the on-screen dimensions as closely as possible so that you won’t have to do a lot of resizing in HTML.

Rule of thumb: most websites can display only 900-1200 pixels wide on a desktop screen, so in that case, you will rarely need to use an image in the 1,000+ wide range.

Let’s resize our landing page image (properly)

You can be brave and bold about this and use a free online photo editor such as the well-known one from Pixlr.com – that’s a crowd favourite. Or, you can consult with a web design agency that has been working on landing page images for years across all industries and sectors.

In any case, there’s a lot of room for experimentation and both options potentially have their advantages, although with a web design agency, there’s no trial and error involved – just let them know your requirements and they’ll produce a landing page image that’s fully fit for purpose.

Resize image for social media channels

While we’re on the topic of image resizing, we need to also optimise our image for social sharing. Every social networking channel has its own image dimension standards:

  • Facebook recommends minimum 600 x 315px images
  • LinkedIn recommends images either equal to or small than 180 x 110px
  • Twitter recommends images larger than 60 x 60px

You may need to come up with multiple image copies – a different size for each social platform.

Compressing your images

Once your images are properly sized and stylised, you need to find every opportunity possible to optimise your page load time. Many businesses have reported good results with tinypng.com for image compression, although if you want the latest insight into advanced image compression techniques, you should consult our expert landing page design team.

Setting Image Alts

The next step is to set the alt tag for your landing page image. ‘Alt tag’ refers to your image’s descriptive text for viewers who need a description of the image, when it is not visible due to whatever reason – such as an internet connectivity or page load problem.

However, alt tags are primarily needed for SEO purposes; they let search engines easily interpret the image’s content by reading the keywords you’ve included in those alt tags.

Writing alt tags is simple enough, just keep these important points in view:

  • The description needs to be completely relevant to the image, so avoid stuffing alt text which has irrelevant keywords.
  • Even though there’s no limit to the number of words you can use for describing your alt text, you do need to keep it brief.
  • Search engines typically stop reading alt tags after the first 16 words, so practically speaking, under 10 words for the alt tags description would suffice.

That’s it, you’re all set, job done!

Well, not quite – there are many nuances to optimising your landing page image in order to get the most conversions and rank high in search queries, which cannot be realistically covered in an article or two.

Our friendly landing page design and optimisation team is ready to listen to your requirements and produce beyond impressive results.

Published On: January 26th, 2023 / Categories: Content Marketing, Social Marketing /

Stay Updated

Join our exclusive subscribers list to receive the latest design trends, industry updates and digital world insights in your inbox.

You can read our privacy policy here.