Optimising Images for the Web

Images that you download from stock images websites, such as Shutterstock, or images you receive from your photographer, will often have a large file size. This is great for physical use (printing) but are not great for uploading to your website as they slow it down.

In general, please follow these guidelines:

  • Max Width: 1500px
  • Image format: Jpeg (.jpg)
  • Quality: 70% (due to compression technology, this won't have any noticeable difference in quality to the human eye) 
  • Size: No bigger than 300kb (0.3MB)

It is best to decrease the file size of images as much as possible, without losing quality, to prevent a negative impact on your website.

You can resize the images online for free, using the https://pixlr.com/x/ Photo Editor.

Step 1: Uploading the image

Upload your image(s) to the website using the OPEN IMAGE button towards the left of the screen

You may be prompted to "Pre-resize" the image. This occurs when the image you are trying to upload is very large. Select the Full HD option and click Apply

Step 2: Saving the Image

Click the SAVE button, you will be greeted by another Save Image popup.

Type in a new file name if needed

Select the JPG option for File type

Click the MED option for the image Quality.

Below this you should be able to see the text "Format: jpg, size: [some number]kb. The [some number] should be less than 300.

Click Download and you're done

  • 2 Users Found This Useful
Was this answer helpful?

Related Articles

Bulk Resize Photos Online

Resizing photos for web can be very time consuming if you are manually resizing them, especially...

Optimising PDFs for your Website

PDFs that you've exported from illustration applications such as Adobe Illustrator or Photoshop...