Have you checked your analytics tool lately? Do you receive traffic from Google image search? If not, you can get more traffic by optimising the images on your website.
Here are some quick tips to optimise your images for your WordPress website.
Optimising your Alt Tags
An 'Alt tag' is a text alternative to an image when a browser can't properly render them. You often see this in an email you receive when you haven't downloaded the images. You can also see an alt tag when you hover over an image which has rendered properly.
There are many benefits to adding alt tags to your images as it also adds SEO value to your website. By adding the alt tags you're effectively associating keywords with images.
Make sure that you fill out every single alt tag for every single image on your website to get the best effects.
- Use plain English descriptions
- Don't pack keywords in to the alt tag, it will do more harm than good
- If the images are of eCommerce items, add the model/serial numbers if they have one
Reduce the file-size of your images
As more and more retina devices come to market, the more website owners and designers are inclined to create retina-ready images. This doesn't mean that those images have to be large in file-size though.
When saving your images in Adobe Photoshop, you can reduce the quality and choose the image type of 'jpeg' where appropriate which can shave off a good amount of file size.
Alternatively you could use an app like ImageOptim on a Mac which can be used with PNG, JPEG and GIF image.
Don't use images where CSS will suffice
It's always great to see a nicely designed website, and we love seeing what you do with our themes. But beware of packing large decorative images in to your design without checking the file sizes like we've talked about above. Large decorative images do take up a lot more space and do take longer to load.
Ask yourself if it is really necessary to add that decorative image in or can you simply use CSS which is much quicker to load and less intensive.
Know which image type to use
For most situations, JPEG images are a safe bet. They provide great quality at the smallest file size.
Try not to use GIF's for large product images. The file size will be very good. Only try to use GIFs for your thumbnails and more decorative images (if at all).
Other than that you can use PNGs which are a good alternative to both JPEG and GIF images. If you're looking to retain image quality and a transparent background (if you're doing product images for your WordPress eCommerce website) then PNGs are probably the best and most simply way to go.
And there we have it, a quick introduction to image optimisation tips for your WordPress website. Anything you would add? Let us know in the comments.