How do I resize?
You need a graphics editing program to do this.
- Open image in Photoshop
- Perform any touch ups or small edits and cropping
- Save the image for web and devices
- Select PNG if transparency is needed or JPEG if you don't.
- 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:
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!
Simple image editing tool for Windows.
Photo editing program for Mac, Windows, iOS and Android
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.
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!