A woman with curly hair, wearing a black sequin jacket and a red top, joyfully throws silver confetti into the air against a plain background, much like how to improve website load times in 2025 can spark digital celebrations. Wildcurrant Marketing
|

Image SEO

Website Load Times are Crucial – you can increase them with image SEO. Here’s how:

Images can make or break your website’s performance. While they’re essential for making your site look good and feel engaging, if they’re not properly optimized, they can cause all kinds of problems.  We all want to be viewing, and to own., a fast-loading website, Here’s why optimising your images should be a priority:

1. Page Speed
Large, unoptimised images are one of the biggest culprits for slowing down your website. And let’s face it—nobody likes waiting for a site to load. Users will click away in seconds if your pages are sluggish. 

Every second counts: A 1-second delay in page load time can lead to a 7% reduction in conversions.

By optimising your images, you can keep your site fast and responsive, giving users no reason to leave.

2. User Experience
Your website’s performance directly affects how people feel about it. A slow site leads to frustration, and frustrated users don’t stick around. Image optimisation improves load times, which means your visitors get a smoother, more enjoyable experience—and they’ll be more likely to engage with your content or services.

3. SEO
Optimising your images isn’t just good for overall user experience—it’s also crucial for SEO. When your images are correctly sized and formatted, they’re more likely to rank in Google’s image rankings, helping drive additional traffic to your site. Page speed is also a key ranking factor in Google’s algorithm. If your site is slow due to bloated images, it could hurt your organic search performance. Optimising your images ensures you stay on Google’s good side and avoid penalties for poor performance.

In short, image optimisation isn’t just a nice-to-have—it’s a must. It helps your site load faster, keeps visitors happy, and improves SEO. If your images aren’t working as hard as they could be, now’s the time to fix that.

Image SEO techniques:

Choose the Right Image File Type

When you’re saving an image for your website, picking high-quality images of the right file type is essential. Each type has its strengths and weaknesses, and using the wrong one can impact your site’s performance or image quality. Here’s a quick guide to the most common file types:

JPEG
The go-to for most images on your site, JPEGs strike a great balance between quality and file size. They’re perfect for photos or detailed images where you want sharp visuals without slowing down your site. However, they’re not ideal for images with transparent backgrounds, logos, or line drawings. While some data may be lost during compression, the difference is rarely noticeable.

PNG
If your image has transparency, minimal colors, or a lot of text (like an infographic or logo), PNGs are the better choice. They deliver sharp, clean results, but the trade-off is larger file sizes, which can slow down your site if overused.

GIF
GIFs are handy for animations and can compress images into smaller file sizes. But they’re not ideal for photography due to their limited colour range. Use them sparingly for animated elements rather than static images.

TIFF
For maximum image quality, TIFFs are unmatched. They’re uncompressed, so there’s no loss of data, but they’re far too large for most websites. Reserve TIFFs for print projects or high-resolution files that won’t live online.

WebP
A newer image format that combines the best of both worlds: smaller file sizes and great quality. WebP is ideal for reducing your website’s load times without compromising visuals.

AVIF
AVIF is like WebP’s advanced cousin. It offers even better compression, meaning smaller file sizes with no drop in quality. If your website supports AVIF, it’s a fantastic choice for keeping things fast and efficient.

The Bottom Line:

99% of the time, you are choosing a JPG for your website images, a .png for the logo and a favicon, and you can upgrade this to WebP or AVIF via additional plugins – if you are on WordPress, I suggest TinyPng:

  • Photos: Use JPEG for most photos, but keep an eye on file size.
  • Graphics, Logos, and Icons: Go for PNG for sharp lines and clear text.
  • Simple Animations: GIFs can add a fun touch, but use them sparingly.
  • Prioritize Speed: Explore WebP for superior compression, but ensure compatibility

Resize and Compress Your Images in 2 steps

Large images can drag your website’s speed down—big time. The frustrating part? It’s completely avoidable. Most websites don’t need images larger than their maximum display size, yet oversized files are one of the most common culprits of slow-loading pages.

And here’s the thing: most users won’t stick around for more than three seconds if your site doesn’t load. That’s why site speed isn’t just important—it’s critical.

The solution? Resize and compress your images. Resizing ensures your images fit within your site’s display limits, and compressing reduces the file size without sacrificing quality. Together, these steps can dramatically improve load times and keep your site running smoothly.

Step 1: What sizes your images should be?:

Is your website built in WordPress? These are the sizes you need:

  • Hero image max size: 1920 x 1200px (pixels)
  • Images within the body of your website, square 800 x 800 px or rectangle 1200 x 800px.
  • Images in your e-commerce shop – usually – 800x800px

Need image sizes for SHOPIFY? Click here: https://www.shopify.com/uk/blog/image-sizes

For SQUARESPACE: click here: https://support.squarespace.com/hc/en-us/articles/206566727-Adding-and-resizing-images

How to Resize them:

  • Open Canva.com (or adobe photoshop if you are happier using that) choose Custom Size, and enter the size you want in pixels. PX. Make sure you dont get muddled between height and width. Make sure you download them in.jpg format as my Canva at least, always offers me .png first.
  • If you work on an Apple Mac you can resize your images by double-clicking on the image to open it, click on TOOLS and then Adjusting the SIZE.
  • Maintain Aspect Ratio:” This fancy term refers to the proportional relationship between an image’s width and height. Resizing should maintain this ratio to avoid making your image look squished or stretched.
  • Top Tip: Some website builder plugins automatically resize uploaded images. Try ShortPixel if your website is built in WordPress (https://shortpixel.com/otp/af/YTDARUM1236597)

Remind me – why do I need to do this?

  • Faster Loading Times: Smaller file sizes mean your website loads faster, keeping visitors happy and improving your SEO ranking.
  • Improved Layout: Images that fit your website’s design create a balanced and visually pleasing experience for your website visitors.

Step 2: Now it is Time for Image Compression

Even after resizing, images can still be a bit bulky. We need to reduce the image file size. That’s where compression comes in. Compression techniques reduce the amount of data needed to store an image without sacrificing quality.

This is currently my favourite way to do this for free: https://compressimage.io./

Drag the image(s) in from your desktop, press Download Zip once complete, and drag the download onto your desktop.

Even if you have only optimised 1 image, it will initially appear within what is called a .zip folder.

Double left-click on this .zip folder, which opens the folder and you will have the usual blue folder showing, probably named Untitled Design

Open this folder – double left-click, and there’s your image!

Step 3 Name your Images

Google doesn’t ‘see’ your images. 

This is why you need to name them correctly so that Google and any other Search Engines can ‘read the words within the name. Naming your images correctly, along with creating alt tags for every image, is super important for your search engine rankings. 

Let’s pretend this is your image, and you have named it image1234.jpg. GOOGLE WILL NOT BE HAPPY! It means nothing to Google

If you are a service-based business, the image should be named: “main-keyword-location-if-relevant-your-business-name.jpg” If you have more than one image that is exactly the same, then the second one will be: “main-keyword-location-if-relevant-your-business-name-2.jpg” and so on.

If you have an eCommerce website, ie you have an online store, you may have any number of images of the same product, and I would suggest naming them such:

Imagine for a moment that the picture above was a mug decorated in yellow daffodils:

SO:

yellow-daffodil-mug-front-business-name.jpg

yellow-daffodil-mug-back-business-name.jpg

yellow-daffodil-mug-top-business-name.jpg

etc!

I am sure you get the idea.

Step 4 Upload your New Images to your Website

The easy bit! 

One more action to go – adding in your Alt text. Alt text (alternative text) describes an image on a page. Alt text helps visually impaired people understand what the image shows, helps search engine bots understand image contents, and appears on a page when the image fails to load.

It is crucial to make your website accessible to all, and this is one of the vital steps to do so. However, the alt text should not be deliberately stuffed with keywords.

With the image above, the alt text could be A glass sculpture in the form of a wall in blues and greens by Deborah Timperely.

However, for the image below,  Alt text of (and I am making this up) ‘Villa from Villa Holidays in Spain. Spain’s best-kept secret. Book with Villa Holidays’.

It should read, ‘Infinity swimming pool with a view across the countryside’ (but without quotation marks. Also note that there is no hyphen between words in alt text).

Step 5 Adding in the Alt text

Crafting well-written Alt-text works wonders for your SEO value. Even when pesky glitches prevent images from loading search engines can still read the alternative text and utilise it to rank your page.

Furthermore, by adding appropriate alt tags to your website’s images, you can boost your chances of securing higher rankings in search engine results.

MOST importantly, for those with visual impairments and who use screen readers, this reader will read your alt-text description aloud.

Now, let me share some simple ground rules for your alt text:

Firstly, describe your images using plain and simple language, just as you did when naming your image files. No need for fancy jargon here.

Keep your alt text concise yet descriptive. Strike that perfect balance.

Lastly, let your creativity shine but resist the urge to stuff your alt attributes with excessive keywords. If one of your keywords would fit naturally into your description, then do use it, but dont force them in for the sake of it,

With the image below, the alt text could be A glass sculpture in the form of a wall in blues and greens by Deborah Timperely (note, no hyphens between words)

How to improve website load times with image optimisation 2025

However, for the image below,  Alt text of (and I am making this up) ‘Villa from Villa Holidays in Spain. Spain’s best-kept secret. Book with Villa Holidays’. is NOT appropriate.

It should read, ‘Villa with pool at night’ (but without quotation marks. Also note that there is no hyphen between words in alt text).

How to improve website load times with image optimisation 2025

Image optimisation tools:

Image optimisation plugin:

ShortPixel.com to compress your images and create WebP: click here: https://shortpixel.com/otp/af/ZWWFZY91236597

Compressimage.io to only compress the image – click here

Canva.com for resizing images 

Testing Your Website’s Speed Performance

GTMetrix – click here – you will need to set up a free account and ensure that you have set the test for the London server

Page Speed Insights – click here

And Don’t Forget to Audit the Images Already on Your Website

Just like you’d audit your site for technical SEO issues, it’s worth conducting an audit for the images already on your site. While you may be working hard to upload optimized images moving forward, pre-existing ones could still be holding your website back.

The goal of an image audit is to identify and fix issues that might be affecting your site’s performance. Key things to check include:

  • Image sizes: Are any images unnecessarily large and slowing down your site?
  • Image load speed: Are they taking too long to load?
  • Alt text: Are any images missing descriptive alt text, which is crucial for both accessibility and SEO?
  • Image format: Are your images saved in the most efficient file type for web use?

Don’t forget to look for broken image links as well—nothing frustrates users more than a missing or unresponsive image.

To simplify the process, use tools like Screaming Frog to crawl your site. It can help you identify large files, missing alt text, and even generate an image inventory or sitemap. Taking the time to audit your existing images ensures your site looks and performs its best across desktop and mobile.

Step-by-Step Guide for Image SEO – a reminder:

1 Resize your image to the correct size for the CMS you are using (ie the type of website builder you are using: WordPress, Shopify, Squarespace, Wix etc)

2 Download as a .jpg. Remember, only logos and favicons are pngs on websites!

3 Compress your image

4 Rename the image

5 Upload to your website and pop it where you want it. Now write your Alt text.

You are done!

And Check you are Using the Right Image Formats!

  • Photos: Use JPEG for most photos, but keep an eye on file size.
  • Graphics, Logos, and Icons: Go for PNG for sharp lines and clear text.
  • Simple Animations: GIFs can add a fun touch, but use them sparingly.
  • Prioritize Speed: Explore WebP for superior compression, but ensure compatibility.

If you have got through and applied all the above – congratulations! You are all done!

How to improve website load times with image optimisation 2025

Conclusion

If you are considering a new website and would like to be sure that you work with a web designer who understands the importance of SEO, my package, Website Design with SEO, is just what you are looking for – click here.


Similar Posts