With Google’s move to mobile-first indexing, a fast loading website is more important than ever. This poses a challenge for photographers or other businesses with image heavy portfolio websites.
Latest Google Image Guidelines
Are you implementing the latest Google best practice guidelines around images on your website?
How Fast is Your Website?
Check out our list of speed check tools with our tutorials on how to improve your image load time
Sign up For a Free SEO Site Audit
Struggling to get more traffic from Google?
Let us take a deeper look!
How to Optimise Images for web Without Losing Quality
Image SEO starts at the end of the editing process when your photos are ready to export from Lightroom. I’m often asked about how to export images from Adobe Lightroom at the best possible size, and what size they should be exported at.
Responsive websites adjust to the size of the user’s device, so this means your photos will be shown at a range of different sizes depending on the device used by the person viewing your website. This is where technology like srcset has made things much easier.
What is srcset? We’ve dedicated a blog to the srcset attribute, but the highlights are that this is an attribute that browsers can read that provides images in a variety of sizes, meaning the browser can choose the most optimal one for the circumstances.
With this adaptable technology, we can then move from thinking about the smallest image size to instead thinking about how large the images would need to be. I looked at a screen usage statistics from a variety of resources and whilst large 27inch monitors have been increasing in popularity in recent years, they still make up only around 12% of the market.
North America Screen Resolution Stats
UK Screen Resolution Stats
Desktop vs Mobile vs Tablet
Which devices are most popular? I looked at the statistical data from Global Stats and seen that in the last 12 months (July 2018 to July 2019) the split is as follows:
Optimal Image Size for Web
After analysing all of this data and then looking at how large images scaled down (if srcset and WebP technologies were not implemented, but JPEG Mini was used) I came to the conclusion that the best image size to export photos from Adobe Lightroom was:
2000 pixels on the longest edge.
I wouldn’t recommend going any higher than.2560 pixels on the longest edge.
Image SEO on the Blog
What's WebP, and is it high enough quality for photographers? I'm going to start this post for WebP by comparing it to a tool more frequently used by photographers at the moment: JPEG Mini. JPEG Mini reduces photo file sizes, and if you're not using it already, then...
Alt text for images best practices can be found over on Google's developer's area, so they're no secret... but how can photographers use them to improve ranking? This is a question I've been asked SO many times over the last year or so. Photographers have asked me if...
Google refers to the filename as well as the alt text, so it's important that it makes sense and contains readable information. There are a few important guidelines for how to name images for SEO though: The filenames should contain dashes between words (not...
Photo Optimisation Tools we Love!
GTMetrix: This tool allows you to test your site from a variety of different locations around the world. There’s a suite of features that make website optimisation easy, and it’s interface and waterfall charts make website performance easier to understand.
JPEG Mini: Our favourite tool for removing excess data from photos before uploading them to your website. It’s an awesome tool that you can also use to fit photos on smaller size USB drives, and the files look great printed too! Other than being great for SEO, it’s also useful for optimising your storage and reducing storage costs because photographers buying fewer hard drives can only be a good thing!