How to optimise and resize images
Image optimisation process
Tools to help with resizing
If you have access to Photoshop, you probably already know how to save your images for the web using Photoshop's optimising tool. Depending on what version you are using, there are plenty of online instructions to help with using Photoshop to optimise images for the web.
Otherwise, there are two browser-based tools we recommend.
Free browser-based editing tools to resize images
Resizing image dimensions
Pixlr Editor will resize and crop images e.g. for setting the correct dimensions for a banner or widget. Then, after applying your changes, download the edited image to your desktop and upload it into the relevant Media folder in your area of the CMS. Although this editor is free, you do need to set up an account.
Decreasing file size
Tiny JPG — or Tiny PNG — reduces or compresses the file size of your images without losing quality e.g. optimising an image previously used for print media down from 500kb to 100kb.
Basically, this is all you need to do once you open these tools:
- Drag and drop images from your desktop (or wherever) into the online tool.
- Select and apply the changes you want to make.
- Download the edited image to your computer.
- Using Edit+, upload the optimised image to your relevant Media folder.