Home / Ideas & Insights / Blog / 5 Things To Consider When Planning New Website Banner Images

5 Things To Consider When Planning New Website Banner Images

With Internet speeds getting faster, displays getting bigger and our attention spans getting shorter – the online world is getting more and more visual.

Visitors no longer have time to sit and read everything you have to say about your business and they don’t just want to be confronted by a wall of text on every web page. Instead, large banner images have now become a staple part of most modern websites as a means of easing the user journey.

 

Learn more about the photography and other creative services we have to offer 

 

A prospective customer will open the landing page and immediately make a connection with the banner image. Is it what they expected? Is it what they hoped to have seen?

With this in mind, we’ve compiled a list of a few considerations that you need to make when planning new banner images for your website.

Banner-Imagery-Blog-1

 

Context

First things first - you need to make sure the image is in context with the information on the page. If you operate a manufacturing company, you don’t want to be displaying a group team shot on a page about Finishing Services.

The concept of a banner image is to instantly let the user know that they’re in the right place.

During the very early stages of your website build – create a breakdown of your page structure and identify which images will complement the information you’re displaying. A little planning in advance will ease a lot of headaches in the future.

Banner-Imagery-Blog-3

 

Content

The next question is – how true to your business are the photos going to be? Sure, stock imagery can be relatively cost effective – although exceedingly short-sighted. The age old expression “pay cheap pay twice” couldn’t be more appropriate.

Stock images may be clean and professional looking, but they’re always just going to be stock imagery. Although they may be timeless, they will always be tenuously linked to your content and will never be true to your business. It’s important to get your photography right first time.

Banner-Imagery-Blog-2

 

KEEP IT Professional

Sure, your friend might have a big expensive camera that you can borrow to take your own photos, but unless you’re a seasoned professional photographer, it’s rarely a good idea to do it yourself. It often takes an outsider’s opinion and input to see your services and business for what it really is.

Nevertheless, if you’re keen to take the photos yourself then make sure to follow a few simple rules to optimise your efforts.

 

Framing

Due to the huge variation in website designs at the moment, there’s no ‘one size fits all’ method.

However, one feature that does tend to carry over is the vertical space limitation. This is particularly problematic when displayed on a very large screen and with banner images that don’t fill the full vertical space on the page.

Because of this, it’s important to consider your framing at all times to avoid losing any vital information in the scene. It may look odd, but leave plenty of space at the top and bottom of the frame to allow a buffer for recomposing your images.

You may also want to try ‘negative spacing.’ This is where your subject is all the way over to one side of the frame. This is key to maintaining banner text legibility and to avoid obscuring any important aspects of the image.

Banner-Imagery-Blog-4

 

Optimisation

I could write an entire book on optimising images for web. But to keep a very long story suitably short, here are a few things to consider when preparing your images for your website.

  • Resolution

    • Make sure the horizontal resolution of your images is large enough for good sized monitors but not too high as to needlessly inflate the file size. At the time of writing this article (April 2016), 2560px width is usually a good number to aim for, as 4k monitors aren’t yet the standard. Your web designer will be able to tell you the ideal vertical resolution and you can export your images for this size using any decent photo editing system.
  • Metadata

    • Make sure to name your images properly and include relevant metadata to help your images rank on Google searches.
    • Geotagging is a fantastic tool that you can use for your local SEO if your business operates in a specific geographic location, as Google will pull this information through on local searches. If you don’t have Adobe Lightroom to hand, try Picasa to simply apply geotagging coordinates to your images.
  • Colour Space

    • If you’re exporting for web, always convert your images to sRGB. This will keep your photos looking exactly as you intended!
  • File Size

    • Lastly and certainly not least – in fact, definitely the most important, is your file size. You have to compress your images to a reasonable file size (100kb-300kb) to keep your page loading speeds down.
    • Google has very openly stated that page load speeds are a huge ranking factor – particularly now mobile Internet use is skyrocketing.
    • You can use any popular photo editing software to compress your images, or alternatively, use Jpeg Mini to get you most of the way there.

Have a look at some of our latest work and make sure to contact us online about your design needs or by calling 01202 684 009

Back to ListingPreviousNext

Comments

No posts found, be the first!

[b]Bold Text[/b]
[i]Italic Text[/i]
[u]Underline Text[/u]
[size=12]Sized Text[/size]
[color=red]Coloured Text[/color]
[quote]'Quote Text'[/quote]
[url]http://example.com[/url] or [url=http://example.com]Example[/url]
[img]http://example.com/image.png[/img]
[list][*] Point one [*] Point two[/list]

Copyright © 2016 Intergage Ltd  |  All Rights Reserved  |  Registered in England  |  Company No. 03989761  |  VAT No. 754 8431 12