Images and best practise

Many clients want amazing images on their website, and also want to balance up good page loading performance on their website. Big images load slower and chew through internet data, meaning unhappy site users.

So what is the best recommendation for image sizes? As a general rule, files under 1mb are preferable. If you are working in pixel terms, try to go for a maximum width or height of 1200px.

Formats? JPG is one of the better options, and if you want a transparent background or transparent elements aim for a PNG file. You will find JPG files tend to be a bit smaller for the same size image.

It always saves your web developer time when image files are sized correctly before sending through. Another hot tip – for SEO purposes, your web pages will rank better when the images are called relevant names. For example, got a picture off your camera that shows you latest product? Why not call the file ‘xyz_product_name.jpg’ rather than the standard number filled name that your phone or camera generates. This helps Google search clarify what the image is showing and what your webpage is talking about.

Leave a Comment

Name (required)
Email (required)
Comment (required)

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>