The Definitive Guide to Using Images on Your Website

We've looked before at where you can find images to use for your website, but what happens once you've chosen the images that you want to use? There are still some tricks that you can put into practice that will help your images appear the best they can on your website!

One of the trends that we've seen all over the web recently is the use of large imagery on websites. While this definitely does make a huge impact on people visiting your website, it can also cause your website to slow down if the images haven't been properly cropped, resized and optimized.

Cropping and Resizing Your Images

One of the biggest mistakes that people make (even those who have been working with websites for years!) is that they resize images directly in their site's web manager instead of resizing and cropping an image before it is even uploaded to the file manager.

Resizing an image means that you're changing the dimensions that the image is displayed at – usually so it's smaller than the original image. Doing this in your web manager doesn't actually make the file physically smaller – it just displays it smaller. What this means is that if you upload a 1MB file to your file manager, and only display it at 25% of its size, the user still downloads 1MB of data in order to view your image. In an environment when users expect everything on your website to load immediately, that extra time to download all of that data can quickly add up!