How to optimise eye-catching imagery

Jul 3, 2019 | Marketing | 0 comments

"
Eye Catching Imagery for your website

With the average time, someone will spend on your website being only 15 seconds, having instantly engaging imagery is vital in making a great first impression.

But unless you happen to be a photographer, where do you get those images from?

Probably the best way to get truly unique imagery that represents your brand perfectly would be to hire a professional photographer. But when you’re a start-up business, keeping costs down is pretty high on your list of agenda.

Luckily, these days there are some great free stock image websites. I’ve listed some of my favourites below. Just be sure to double-check licenses before you start displaying them on your site.

The trick when choosing images from these sites is to make sure what you pick is in keeping with your brand (in terms of look and feel as well as colour palette) and also to make sure it’s relevant to what you do and who you are.

For instance, if I were to choose an image for my business it would be better I picked the below image on the left, not the one on the right.

choosing the right imagery for your website

Why?

Because the image on the left is obviously a woman working and the image on the right is obviously a man. Even though you might be using stock imagery, you still want it to be a true representation of who you are and what your business is about.

Remember, great imagery will help quickly convey to your visitors who you are and what you do, you know the old saying, “a picture tells a thousand words”, so getting your imagery right from the start is vital.

Now to optimise them!

Once you’ve sourced the perfect images for your website to need to make sure they are optimised for your site, to ensure fast loading times and to make sure search engines are able to identify what those images are all about when they crawl your site.

If you have found your images from one of the sources I list above then you should have high-quality images to start with. That’s great, but you then need to make sure they are saved at the optimum size for fast loading.

I use Photoshop to do this, and if you have access to this program then I believe it’s the best option in terms of having complete control over the final product. If you’re not a graphic designer though, chances are you don’t have this program.

These days, most people use Canva for all their graphics needs and they have easy-to-follow tutorials on how to resize and crop images.

One thing to note when you are resizing images is that they will look best if all are cropped to the same dimensions. As you can see in the example below, the symmetry of having images that appear next to each other cropped in the same manner creates a much more visually appealing look.

A general rule of thumb is that ALL images should be under 500kb, including banner images. For smaller images throughout your site I aim for under 200kb. JPG is the best file format to save it unless you need a transparent background, in which case go with PNG.

Whilst it’s important the file size is small, you still want to balance it with an image that appears sharp on all screens, including large retina displays. Therefore, make sure banner images are at least 2000 px wide and I usually still to around 800-1000px for any other images throughout my site, unless I know they’re only small thumbnails.

To further compress your images, run them through an online program like jpegmini or compressjpeg and that will give you the smallest possible file size.

Finally, let’s make sure those lovely images are getting found by search engines!

Ensure all your images are named with relevant descriptions and preferably include one of your searchable keywords. Use lower case letters and avoid spaces by using hyphens (not underscores) to separate words.

Alt Text is vital to ensure search engines are able to identify your images. In Squarespace it’s fairly straightforward to add Alt Text to every image as you upload it. I delve into this in more detail in my post about Squarespace SEO Basics in 2019.

And there you have it! Follow these steps and you are well on your way to having an eye-catching website that people linger on!

Property Management Sydney

Looking for an agency result, without all the agency bullshit?

Related Posts

How to write engaging copy for your website

How to write engaging copy for your website

How do you catch someone’s attention and get them to keep reading? How do you create a connection with someone through a screen and convey the information you have, that they’re looking for, before they hit the back button?

Comments

0 Comments

Submit a Comment

Your email address will not be published.

GRAB YOURS FREE NOW!

The ultimate cheat sheet

HOW TO CREATE KILLER CONTENT FOR YOUR WEBSITE

Use the formula I’ve developed to create hugely successful websites for my clients. This FREE step-by-step guide will walk you through every aspect of creating killer content for your website.

client love

“Belle really got involved and understood my business model before making assumptions about the business needs. Belle built our new website, helped with branding and improved google ranking. Within a week of going live we gained more traction than in the previous 3 months. I could not recommend Belle highly enough, I love the website.”

MURCHESSONS | KIM MURDOCK & STEVE HUCHESSON

“Creative Resauce was one of the agencies I used whilst on contract at the RAS of NSW and I thoroughly enjoyed working with Belle. It was a real partnership with Belle and her willingness to understand the brief and work through the creative process to achieve the best outcome was extremely professional. She often went above and beyond and tackled every job with enthusiasm and was responsive, timely and within the framework of our budgets.”

NICOLE BEASLEY | ROYAL AGRICULTURAL SOCIETY OF NSW

“Belle has been the Creative Designer for Brightsparks for over 3 years. Her work is consistently of a high standard and she always delivers the end product within the deadline. Her attitude is highly professional and she is a pleasure to work with. Belle's passion for design is evident in everything she does and I trust her completely to further develop our brand image. I would highly recommend Belle to anyone needing a fantastic designer.”

ZOE EMANUEL | BRIGHTSPARKS

"From the moment I handed over my logo idea, I knew that Belle from Creative Resauce was the only person for the job. With quick email response times; easy submission process; an understanding of the needs of my business and a distinct creative flair, she did not disappoint. Needless to say, the finished design met all the requirements of the brief, and even outshone my original idea. Belle, I can't thank you enough!"

KITTY BROOKER | THE STYLE MINIMALIST

“Working with Belle was a Joy. I had developed my website a few years ago and it was cluttered, lacked a client journey and did not rank in SEO. Belle quickly fixed up links, simplified the journey and improved the design. She was fast, accurate, creative in her approach and extremely knowledgeable about current trends, technical and design issues.”

ZOE JACK | ZODE KINESIOLOGY

Some of my clients

Now I focus on working with women in business to create their dream brand and website. But rest assured, I’ve worked with the big guys too and learned a thing or two along the way.

foodbank
Sydney Royal
QBE
Sydney Royal Easter Show
Investec
RAS

Got questions?

I’d love to chat.

Book a free strategy session and we can discuss how we’re going to start converting your new customers!