Why images and graphics are important in web design is very obvious to us here at Woodswork.
Choosing the right images and graphics for your website isn’t random, it’s integral to the success of your site. The majority of what we perceive about a business via a website is visual. At Woodswork we invest a lot of time to select the images that will create and reflect the look and feel of the design for your business website, no matter what your budget is. The way we feel about a website when we enter for the first time is paramount to a visitors decision to stay. It’s why images and graphics are important in web design.
A few well selected images will be more valuable than a whole load of irrelevant, low quality or mixed message sending images.
We aim to include about 4-8 images on a page. Why images and graphics are important in web design is that we can use these images and graphics as assets for search engine optimisation. We rename them to include focus keywords. The keywords reflect the content and purpose of the page that the images and graphics are placed upon. You can learn more about the Woodswork web design process and the impact of keywords on SEO.
Images are not all used at the same size and so we re-size them according to the usage required. This means a faster page load for your visitors and an overall faster site speed. Win, win. A variation of sizes creates a level of interest for your viewers too. We agree that it’s very appealing to have a big beautiful full width image on your home page, but that could well get a little boring if executed on every page. Variation of sizes and treatment of margins in between can create a stimulating break in content. Design is a great deal about balance.
Sizing is where variation ends.
Other than sizing, the other elements of your imagery should be sympathetic to each other. Images and graphics you choose should be the same style. The feel of the images should be consistent throughout the design. A classic example of this is the treatment of black and white photography. Although both of the images below are great in there own right, together they create visual disharmony and don’t feel compatible. Both images can still be used but with a little help in photoshop, they can be made to look much more inline with each other.
The top two images were supplied for use on the same website. One was a colour image converted to greyscale. They are both great images but they don’t feel cohesive. We adjusted some settings in Photoshop and the bottom two images are now perfect together. It was a very quick change that created a completely different mood. The client was very happy with the result.
Simply attention to detail like this will improve the user experience. A better UE means longer on your site and a higher likelihood of success in your goal.