|
Post by jahidseoecpate on Mar 10, 2024 6:25:04 GMT
Before using an image, check its size in pixels and compare it to the best aspect ratio and size for its intended purpose. (To check an image’s size in Chrome, open it in a new tab and check the tab title for its pixel measurements.) There are many recommended image sizes out in the wild, but you can start with the width of your page and go from there. Unbounce landing pages have a recommended width of 940 to 960 pixels. Going back to the hero image example, you’d want Fax Lists to have it at least 960 pixels wide, so it covers the width of the landing page. For a full-screen hero image, you’ll want a 16:9 aspect ratio. Plug those numbers into an aspect ratio calculator, and you’ll find that you’ll need a picture at least 960 pixels wide and 540 pixels high. You should also keep in mind that images can display at different ratios and sizes across platforms. Always double-check your pictures on desktop and mobile to make sure you have a mobile-friendly landing page. will make the task easier. Brutask’s landing page below shows a properly sized section image in action: Image courtesy of Brutask The art on this landing page fits perfectly across its middle column, lining up with the headline and subheader. 2. Use easy-to-digest visuals Your visitors don’t want to play Where’s Waldo when they look at your images.
|
|