And this couldn’t be more true when it comes to websites, when you only have a few seconds to capture a visitor’s attention before they move on. However, the images on a web page are not only critical to quickly capturing your visitor’s attention, but in conveying your message and encouraging them to stick around to learn more about you and your product or service.
Unfortunately, some business owners don’t give a lot of thought to the images they use on their websites. We’ve all come across sites with images that are too small or just poor quality – or that don’t seem to bear any relation to the context of the page they’re sitting on. In these cases, the poor choice of images could not only be failing to capture the interest of their site visitors, but actively turning them away! The result is that those visitors just move on to the next site – and quite possibly that of their competitor's.
Another common saying is “don’t judge a book by its cover” – but unfortunately, its human nature to do just that. I worked for one of the top book publishers in Australia for a while, so I can tell you that getting the cover of each book “just right”, was a big deal! Considerable time and effort was spent crafting a cover that would grab the eye of its intended readership, inviting the potential reader to take the book off the shelf, and read the blurb on the back. They knew the power of the right image!
What makes a good website image is fairly straight-forward – good quality (clear, in focus, with minimal pixelation, blurriness or fuzziness), high resolution, and when it comes to photos, preferrably professionally taken.
But there’s a lot more to consider in choosing the right images for your website. The right image will not only attract the attention of your target audience, but lend credibility to your business.
Where and how an image will be used on your website will determine the best size and orientation for each one. An image to be used as the background for a full-width banner ideally needs to be landscape oriented (not portrait), and at least 2,000 pixels wide. It may also need an area that is less detailed, for any text sit over and still be readable.
Keep in mind that an image that is too large can easily be resized or cropped and still retain its quality, but an image that is smaller than you need cannot be increased in size without losing quality and crispness.
Being strategic about your use of imagery means ensuring they are consistent with the overall goal, message and tone of your website. Only use images which match that goal and message.
Don’t just use images at random (even if they look professional) and don’t use images to fill space or create the illusion that your site has more content than it actually has. Images are not a substitute for poor website content!
For example, if you are a lawyer, you shouldn’t be using images of cute kittens or babies. You would focus on images which convey a sense of professionalism, and evoke a sense of trust and reassurance. If you’re a massage therapist, you may want images which both convey and evoke a sense of peace and relaxation.
Colour is an extremely important consideration when it comes to any element of your website, and images are certainly no exception. Consider not only how the main colours of the image will work with the rest of the website’s colour scheme, but also the psychology of those colours . For example, for the massage therapist trying to convey a sense of peace and relaxation, an image that has a large amount of red may not work as well as an image which is predominantly blue.
Photos containing people should show people that are in your target audience. For example, if your website is targetted at teens, it doesn’t make a lot of sense to use images of adults or senior citizens. The more you can narrow down your target audience, the more relatable you can make the images on your site to that audience.
Photos are a more effective way of evoking emotions than text. Think about the emotion you want to evoke in your website visitors in order to get them to purchase your products or services.
For example, message therapist may want to invoke relaxation, a lawyer or accountant may want to induce feelings of trust or security, and a charity might try to evoke sympathy.
A photo which elicits the right emotion in your visitors will have a greater impact than one which doesn’t.
It’s vital to make sure you can legally use any images you have chosen on your website. You can’t just use any image you come across on the internet, or on google image search! These are more than likely subject to copyright, and using them on your website would infringe that copyright.
Instead, look for stock images (there are plenty of both free and paid ones available), or even better, hire a photographer to take unique photos that exactly meet your requirements and will be unique to your business.
Some great free stock photo sites include:
While stock photos are a great resource if you can’t afford to hire a photographer, stock photo sites are filled with photos that are obviously stock. What do I mean by that? The sorts of photos that you see so often that your eyes glaze over them, or those that contain overly posed, smiley people that make you roll your eyes!
Avoid images that come across as artificial, or have little emotional impact. Photos involving people should look as natural as possible, as if the photographer had just happened to capture a moment in time – not as if the photo had been deliberately staged.
Also avoid images that you have seen variations of many times before. Instead, try to use unique, interesting and compelling images to get your message across.
Examples of clichéd images:
Sometimes business owners will use images which may be relevant in a way they understand, but may leave most of their audience scratching their heads. Metaphorical images, for example, may seem like a good idea – especially if what your business does doesn’t lend itself to aesthetically pleasing imagery – but may fail to get your point across to your visitors.
Getting feedback from a range of people before publishing these less-than-obvious images on your website will help ensure you are getting your message across to your visitors.
While images are great addition to any website, you want to be mindful of using too many. Bombarding your website visitors with too many images is likely to not only overwhelm them, but is also likely to slow down the loading of your web page.
Its much better to use a few carefully chosen photos for the right reasons, then use a whole slew of photos (however attractive they may be) just for the sake of it.
Choosing the right images for your website needn’t be hard. It is, however, something that requires more attention than it is often given by small business owners. Giving some careful consideration to your image choices by following these do’s and don’ts, will help ensure your website captures and holds on to your visitors’ attention, and is therefore more likely to convert them into paying customers.
While I do my best to try to keep the technical terms to a minimum when I’m dealing with clients, sometimes its hard to avoid it. So if you’re confused by my (or other web designers’) geek speak, then this list of common web design and development terminology will hopefully help you wrap your head around what we mean.
Brochure website – is essentially a digital equivalent of a printed brochure promoting a business, product or service. A brochure website tends to be small and simple, visually engaging, containing a mix of good quality images and all the vital information about the business. These types of websites generally don’t need to be updated very often, and so have a long “shelf life”.
Browser – is what you are viewing this page in right now! Primarily used to access websites, the most common browsers used are Chrome, FireFox, Opera, Safari, and Internet Explorer or Microsoft Edge.
Content Management System (CMS) – is an online administration panel for your website, which you can log into to manage (edit, add and delete) your website’s content. It is sometimes referred to as a website’s “backend”. It is the easy to use interface between your website’s “frontend” (that part of the website that your visitors see), and all the code that makes your website work.
Domain name – a domain name is essentially the address of your website on the Internet (eg webhappy.com.au). In order to claim exclusive use of a domain name, it must be registered in your (or your organisation’s or business’s) name. Registration is for a minimum period of 1 year, and it must be renewed after the end of that period in order for you to keep using it.
Domain name extensions or Top Level Domains (TLDs) – refers to the part of a domain name which comes after the “dot”. There are generic TLDs like .com, .net, .org. , country specific TLDs like .au, .nz, .uk , and geographic TLDs which focus on geographical areas rather countries, like .sydney, .melbourne, .asia. There are also special reserved or restricted TLDs like .test, .local and .example. Some have special requirements which must be met before you can register a name with that TLD – this includes .au domain names. See details.
Ecommerce – refers to commercial transactions being conducted online. An ecommerce website is most commonly an online store, with a catalog of products that can be purchased via a secure checkout, and with an online payment system.
Google Analytics – is a website analytic tool offered by Google that tracks and reports website traffic. It provides an in-depth look at your website visitors and your website’s performance – including how your visitors found your website, where in the world they are located, and what pages on your site they are viewing. It is available free of charge, and I can set it up for you and make the most important data available right in your website’s administration panel (CMS).
Responsive design – a website design that adjusts to the size of the screen it is being viewed on, whether that is on a desktop, laptop, tablet or smartphone, is said to be “responsive”. It is important to allow for optimal viewing of a website regardless of what type of device a user is accessing it on.
Search Engine Optimisation (SEO) – techniques which improve the visibility and ranking of a website on search engines like Google.
SSL – stands for Secure Socket Layer. This layer acts as a security blanket between a website and browser. It protects any activity which takes place on that website from being intercepted by an outside party. You can tell that a web page is secure by the web address, which will start with https:// rather than http://, and there will be a small padlock icon in the browser’s address bar, next to the website address.
SSL certificate – in order for a website to be protected by SSL, it needs a valid SSL certificate to be installed on the web server on which it is hosted. Certificates are normally issued for a 12 month period, and need to be renewed at the end of that period to remain valid. Having an SSL certificate installed on your website can also give your website an edge in Google’s search results over competitors’ whose sites don’t have one installed.
Stock photos/images – are images made available by the photographer/creator for licensing for commercial use (such as on websites, in print materials etc). They are an easy way to give your website a professional look when you don’t have high quality images of your own to use and can’t afford to hire a professional photographer. Its important to understand that you can’t just use images from any source on your website, due to possible copyright restrictions.
URL – Uniform Resource Locator, a.k.a. web address. A URL is simply the address of a web page, found in the address bar of your browser. The URL of this web page is www.webhappy.com.au/glossary-of-web-design-terms/.
Web Hosting – website hosting provides space on a web server for your website, so that it can be accessed online 24/7.