How to Resize and Optimise Image for Upload

File size of images uploaded must be less or equal to 2MB. Here's how resize your image for upload.

How do I resize?

You need a graphics editing program to do this.

  1. Open image in Photoshop
  2. Perform any touch ups or small edits and cropping
  3. Save the image for web and devices
  4. Select PNG if transparency is needed or JPEG if you don't. 
  5. Optimise image file size (more detail below)

Unless you need Photoshop for your profession then it’s probably unlikely that you have a copy. Thankfully, there are great Photoshop alternatives that are much more lightweight and can easily help you crop your images to the correct size:

  • Kraken.io
    A great benefit of Kraken.io is that it let’s you resize the image while it’s system optimises it for you. Two steps in one is always good!
  • Paint.net
    Simple image editing tool for Windows.
  • Pixlr
    Photo editing program for Mac, Windows, iOS and Android
  • Skitch
    Amazing screenshot tool from the folks that brought us Evernote.

Step 2: Optimise file size

Photos contain metadata that takes up space and increases the size of the photo. Unless you have specific reasons to keep this content, it can be stripped away without affecting photo quality at all. After you have resized your image, upload the saved image to TinyPNG or Kraken.io to optimise the image and see how much you can save. For an even faster workflow, TinyPNG has a Photoshop plugin and Kraken.io has a WordPress plugin.

TinyPNG is an awesome tool and super fast to use. Their Panda mascot even congratulates you on your sweet image optimisation skills.

tiny-png-photo-optimisation

Now that your image is resized and optimised you’re ready to upload it to the website. Don’t stop now, keep the panda happy and optimise all your images!


Feedback and Knowledge Base