WordPress website images are another of my most asked questions. Where to find images, how to optimise them, how to size them, what sizes should they be, where should you put images…
The list goes on so let’s delve in and get your questions answered!
Let’s talk WordPress Website Images…
Ok so first things first, when you are planning a page on your website you will need to know how many images you need, what images you need and whether they need to be portrait, landscape or square.
When you first start creating a website page, it helps to first plan out what you want in terms of layout, text and those all important images.
So if you haven’t planned out that page first then go ahead and go do that right now.
No clue where to start?
Feel free to sign up to my free planning course and then map something out and come back here…
Don’t have time for that right now then feel free to draw a quick box sketch out on paper, so basically your planned layout in boxes with text or images in those boxes.
A lot of people like a full width header image at the top, for that you are looking at a landscape image. If you have a long piece of text in one column and want an image in a second column by the side of it then you are looking at a portrait image and so on.
So it’s good to map out where you will be placing images and text on the page so you can roughly know which shapes you are looking for.
Next is choosing what images you need.
Do you already have images of you or your products? Or maybe images relating to your services? Which ones would be relevant on that page?
But what if you don’t have images?
MASSIVE TIP: DO NOT USE IMAGES OFF GOOGLE IMAGE SERACH
Sorry for the shouting but this could be one of the biggest mistakes you ever do. People who own these images can easily find out what websites have their images on and you can be fined thousands of pounds.
It’s just not worth it.
So where do you find images?
The best place to find images that are royalty free are stock photo image sites. As you are running a business from your website they also need to be royalty free for commercial use.
Suggested sites to use that are free are https://pixabay.com https://pexels.com and https://unsplash.com
If you can’t find what you are looking for on these sites then there are paid sites such as https://istockphoto.com or https://stock.adobe.com
There’s also the option to have photos taken for your WordPress website images. If you are going to be having them taken by a photographer I suggest having. amix of landscape and portrait images and if you are using images for headers and they are photos of you stand to either the right or left of the photo so that the other side can have writing on for your header when you put it on your website (such as in my main header on the home page of my website.)
Then there’s sizing, sizing is a minefield as it depends on where you image is and what shape your image is etc. there are so many variables. There are image size guides out there depending on your theme which give estimated image sizing but if you want to know the exact sizes your image should be I created a video to show you exactly how:
Image sizing is really important susually one of the biggest reasons that you get a slow loading websites. The search engines and your visitors have a slow loading website so using correctly sized images is a must. Otherwise what happens is is that when your browser loads your website it has to resize the image before the page loads. Have a few images? It can add extra precious seconds to your loading speed.
Another way to speed up your images loading is to use image optimisation and I always recommend the Smush plugin for this, this plugin will automatically optimise your images for you and you can also switch on the toggle to show incorrectly sized images just to double check.
If you do need to resize images you can use various software such as Photoshop or Affinity or there are many free websites that you can Google and find that will resize your images for you. You can also resize them in WordPress by going to Media in the WordPress dashboard then clicking on the image you want to edit and click edit underneath, you can then crop and scale the image.
TOP TIP for WordPress website images is that I often have people asking me why a few images in a line are not the same size, WordPress doesn’t automatically size images for you so if you have a row of images you need to make sure they are exactly the same size before placing them on your page.
So that should be most of your questions answered but if you have more then the place to be is inside my tech support membership, The Tech Tavern – See you there!