Landing pages have a lot of elements in it. Apart from an attractive headline and a great offer, the images used also play a great role. But, have you faced graphic design issues for your landing page images? The below steps will help you if you are facing problems.
Find free image
The first thing needed is an image. These pictures are available for plenty on online stock photo agency. Sites like Hubspot offers lots of free images for landing pages. Search for such sites and find the right image for your landing page. Once you find the right picture, you can optimize it for the web.
Once you find the right image for your landing page, you would want to change it and add some effects. Some sites allow you to make changes on the pictures. Hubspot allows you to edit the image through its image editor. It handles simple editing task such as resizing or cropping.
Page Performance and Images
The size of the images is one of the biggest factors of a landing page to reduce the loading speed of the landing page. The slower the landing page loads, the more the possibility for the prospects to abandon the site. With Google’s free PageSpeed Insights tool, you can test the page speed of your landing page. While creating an image, you should always keep in mind the page speed of your landing page.
Determining the Dimensions of the Images
The biggest issue on page speed is the dimensions of the picture. Many people upload large images and size it with HTML. The issue with such technology is that the browser still loads the large image. One thing to be is done is to confirm that the picture matches the dimensions you will see. Most of the sites use only 900-1200 pixels on a desktop.
Resizing Your Landing Page Image
There are several tools to change the size of the landing page. Both online and offline tools are available. The resizing should be done carefully so that the image looks neat and clean. Sometimes due to improper resizing the images might end up looking squished.
Size Your Social Media Networks
The images you select for your landing page should be optimized after editing it. The standards image dimensions vary from one social networking site to other. Some of the standards are
- At least 600 X 315 px for Facebook.
- At least 60 X 60 px for Twitter.
- Smaller than 180 X 110 px for LinkedIn.
These standards are important as the images on social networks are often shared. The sharing could even include creating multiple copies of your image at different sizes.
Read Also: 9 Ways to Optimize Your Landing Page
After resizing and styling your image, the file should be compressed for a faster load time of a page. There are several tools available online that help in image compression. One such tool is tinypng.com.
Set Image Alts
Once you have a landing page with the right image on it, the alt tag must be placed on it. The alt tag of an image describes the image and is not visible to the viewers. Moreover, the alt tag boosts the SEO also. The search engines interpret the content of your image through the keywords in the alt tags. Most of the content management systems allow the users to set the alt tags whenever an image is selected or edited. While writing the all tags for the images, the following things must be kept in mind.
- Make sure description relates to the type of the image. Stuffing the alt text with the irrelevant keywords is not advisable.
- There is no limit on the number of words in alt text. However, it is best to keep the alt text brief.
The Bottom Line
Now that you know everything you need implement the above steps and obtain an optimized and well-designed landing page.