Optimising images can yield some of largest byte savings and performance improvements for your agency website.


Image Optimisation Checklist

Image optimisation is both an art and a science as there is no definitive answer for how to best compress an image and there are many well-developed tools that can help reduce the size of an image significantly.

Here are some tips for you to get started:

  • Prefer vector formats: Vector images are resolution and scale independent, which makes them a perfect fit for multi-device and high-resolution world.
  • Pick best raster image format: Determine functional requirements and select the one that suits each particular asset.
  • Experiment with optimal quality settings for raster formats: Try with the lower quality settings, the results are often very good and byte savings are significant.
  • Serve scaled images: Resize images on the server and ensure that the display size is as close as possible to the natural size of an image.

Image Compression Tool

TinyJPG help to reduce the file size on your images. Every uploaded image is analysed to apply the best possible image encoding. Based on the content of your image, an optimal strategy is chosen. The result is a quality image without wasting storage or bandwidth.

Try compressing your images at TinyJPG here.


Feedback

Having troubles with the guide? Please give us more details and we'll get back to you soon.

Chat with the team