Your Guide to the Best Image Sizes for Your Website

Nov 24, 2022 | Website Tips

Is your website having issues loading or displaying properly images? Perhaps it’s even deforming the beautiful clinic shot you spent $$$ on, making the whole thing look cheap. But why is this happening? After all, aren’t your images supposed to size themself when you load them to your website? Well, not quite.

Your website – no matter its host – does require specific image sizing to be as performing as you’d like it to be. Sure, most platforms would have a resizing functionality to make your images fit, but uploading a non-optimised image means your website’s loading time and functionality can be impacted. 

So why should you care about image sizes? And what is the optimised ratio needed to ensure your 

website performs and attracts customers without a hurdle? Keep reading to find out.

The Importance of images for your website

We’ve said this numerous times, but images are the “sneak peek” of your offer. A few images of your clinic, your treatment room, and the face of a relaxed client getting a facial shows future customers what they can expect when making a booking with you.

Images are one of the essential pillars of a highly-converting website but there is a subtle difference between choosing photographs simply to fill blank spaces on your website vs consciously curating them to create an experience for your clients before they even walk through your doors. Here are some resources to help you:

How to select enticing images for your beauty and wellness website

5 tech tools for beauty stock images and photographers near you

But even once you’ve hired a photographer and curated the right images, the work doesn’t stop there. In fact, your images can’t just be uploaded as is to your website. First, you need to rename them with an SEO-inclusive ALT text. Then, you need to make sure they are sized and optimised correctly. 

Why size matters

People expect a website to load fast. Google does too. So you can imagine that if your website doesn’t appear on someone’s screen within seconds, that same person will click out and find somewhere else to go. Your image size plays an essential part in your website’s speed loading-time. 

An Image with the right text, size, and weight can greatly improve your website’s visibility and conversion rate along with other metrics such as user experience, bounce rate, and SEO rankings that are needed for a highly-converting website. On the other hand, an image with random text, HQ print sizes and heavyweight straight out from your photographer’s file can impact these metrics. 

The DHC-optimised image size chart

Let’s set something straight: you don’t have to be a tech nerd and spend hours online to optimise your images. You can upload your HQ shot to templates with the below sizes on Canva and optimise your files using free softwares like Tiny PNG. Here’s the only image size chart you’ll ever need for your website.

WordPress header image: 1048 x 250 pixels

Website feature image landscape: 1200 x 900 pixels

Website feature image portrait: 900 x 1200 pixels

Background image: 1920 x 1080 pixels

Blog post images: 1200 x 630 pixels

Logo image: 200 x 100 pixels

Thumbnail image: 150 x 150 pixels

Bonus tip: Image ATL

Before you upload your newly-sized image, don’t forget to add an ATL text. ATL – short for above the line – is a “hidden” description text field for those with visual impairment. It also provides the algorithm with information that further helps rank your website on Google. However, it is one of the most overlooked SEO features among beauty websites. 

Some will stuff it with keywords that gives little context, while others would simply leave it blank. So what are you supposed to write in your image ATL text section? Here are our 3 top tips:

Describe the image and add context 

(i.e: women giving treatment in a salon)

Make it relevant to both the image and page it is published on 

(i.e: therapist giving exfoliating facial treatment in a salon)

Mention your business 

(i.e: therapist giving exfoliating facial treatment at beauty salon X in Melbourne)

Overall, having the right image size, text, and optimisation will make a world of difference to your website. But it’s not the only thing you might want to be mindful of. If you’re wondering what else you could tweak onto your website, we can audit your website’s performance, conversion, user experience, and more.

The Ultimate Guide to Prep for your new website

Getting your online presence refreshed can feel daunting. Putting together a unique look, enticing words, and nurturing visuals shouldn’t have to be overwhelming…

And while you still might be thinking “gosh, I don’t have any of that”, we created this free guide to help you gather it all up and seamlessly prep for your new website.