A detailed guide to create the best images for your destination pages

What is a 301 redirect and why is it important?
Why traditional marketing is obsolete

Landing pages are what gives flavor to life. Or at least they give it flavor good online conversions. In addition to writing a good headline and have a great offer, you’ll need great pictures to complete your landing page. After all, a picture says a thousand words.

But what if you need an image and not a graphic designer you have to create it? Follow these tips to get the best images for your landing pages and increase your conversions!

1) Find free images

Of course the first thing you need are some pictures. You can buy them in various agencies online image banks or, better yet, HubSpot offers a lot of sites with free images to landing pages.

Once you find the perfect picture for your landing page, it’s time to optimize it for the Web.

2) Image Effects

Even if you find a nice picture, you probably want to make some changes. 

There are many sites that allow you to make changes to images, plus all Adobe products.

Depending on what you want to do, it is likely that HubSpot have what you need in your image editor, which is one of the lesser-used tools of HubSpot. When I show this tool, most HubSpot customers say they have never seen before.

You can perform a number of simple functions you need, such as resizing and cropping an image.

edit picture

Above it appears one of the free photographs  recommends HubSpot, which is being edited in the image editor it.

By changing the warmth and focus, you can get very interesting effects, if you’re looking to create a nice background image:

edit imagen2

edit imagen3

3) The efficiency of images and page

One of the factors that have the greatest impact on the images landing pages is its size, which can reduce the rate at which the page loads in the browser leaflet. The slower upload speed, the more likely that the prospectus will never see your offer and, therefore, never go through the conversion process.

You can test all your existing destination pages (and their images) with the free tool from Google, PageSpeed Insights .

This is easy to do. Just put the URL of your landing page and presto:

edit picture

When you create new images, you should always take into account the efficiency of the page.

4) Determine the dimensions of the images

The biggest problem with the efficiency of a page will always be the dimensions of the images. Many people carry very large images (2,000 x 2,000 as pixels) and use the HTML to reduce the “size” image at 200 x 200 pixels. The problem with this is that the browser loads the image still 2,000 x 2,000 pixels, which takes ten times longer to load than it should.

You must ensure that the image corresponds to the dimensions you see on the screen so you do not need to re-adjust its dimensions with HTML. 

Remember: most websites have a size of 900 to 1,200 pixels wide on a portable desktop, so you rarely want to see the dimensions of the image in more than 1,000 pixels range. 

5) Resize the image of your landing page

There are many tools to do this, both online and offline. When not using the editor HubSpot, one of our favorite tools is the  Free Online Photo Editor, Pixlr.com

First open an image file or URL using the tab “File” in the navigation menu located at the top of the screen. Then click on the tab “Image” found in the menu and select “Image Size.”

Edit image4

A window will ask you what size you like to have your image will open. Be sure to check the box “Constrain Proportions” so that the image is not deformed.

Edit image5

Once you have the image size you want, just click “Save” found on the tab “File” menu and save the image on your laptop.

6) Resize your image to social networks

When you modify the size of your images, make sure the picture is optimized for sharing on social networks.

Each social network has its  own standards regarding the size of the images.

  • Facebook recommended that images have a minimum dimension of 600 x 315px
  • Twitter only recommended that the image has a larger 60 x 60px to
  • LinkedIn images should have a dimension equal to or less than 180 x 110px

These are the images that will be used in social networks when someone shares your landing page, so you see, are very important. 

This could also mean you have to create multiple copies of your image in different sizes, depending on the social networking platforms for which you want to optimize. 

7) Compress your images

Now that your images are the correct size and style you compress the file to speed up the loading time of your page.

Personally, I prefer to use  tinypng.com  to compress images. Their results are reliable and, despite the name, .jpg and .png compresses files.

Just drag your files to the page and compress yourself.

Edit image5

After you’ve dragged your files to the page, you’ll see a list of all newly compressed files are available for download. Download the files to your computer. Now you already have optimized images for the Web!

Edit image6

Now you can now upload images to your website!

alt 8) Create tags for your images

Once you have an image on your landing page, you must place the alt tag. The alt image tag provides a descriptive text about your image to visitors who can not see it.

Not only that, alt tags boost your SEO. Allow search engines better interpret the content of your images to read the keywords in alt tags.

Most content management systems allow you to configure all your alt tags when you edit or select an image. For example, in HubSpot you can change the alt text in the editing module:

Edit image7

Edit image8

When you write your alt tags, note these points:

  • Make sure the description is related to the image. Do not fill the alt text with irrelevant keywords.
  • While there is no official limit on how many words you can add in the alt text, it is best to be brief. This post on  the Internet Marketing Blog Hobo  suggests that search engines fail to read the alt text after having read 16 words. Realistically, many images only need a description of ten words.

conclusion

You’re ready! Now you should have a page image well designed and optimized destination that will help conversions go up like foam.