Covid19 update: WE ARE OPEN... it's business as usual and we look forward to hearing from you.

Optimising Images – Tutorial 5 – Affinity Photo (MacOS)

Affinity is a new piece of software that rivals Photoshop in terms of functionality, but instead of the £10/month subscription there is for photoshop you pay a one time price of £48.99.

You can find Affinity Photo here:


Optimising images: Step 1

Step one is to load in your image for optimising. You can do this easily by dragging the image onto an already open affinity window, or you can right click the image and use the “Open With” tab to select affinity.

Step 2

Step two is to use the file menu to open the export image menu. Make sure you do this straight away, as the only changes you want to make to the photo are in this menu. You don’t want any accidental changes.

Step 3

Step Three is to actually change the dimentions of the image to alter the output file size.

As you can see, the image I put in is a wallpaper format image. This means it’s 1920 pixels wide and 1080 pixels tall, and this is generally accepted as the resolution of most modern screens. Of course, if you are putting this on a website you probably won’t need over 1000 pixels wide by however many tall. This means you can lower the box with 192o in it to 1000 and when you hit enter it will automatically adjust the second box to match.

Final Product

The final product of this is that the original image has been reduced to around a third of what the original was, which is fantastic for if you have a lot of images on your website.

About Beth

My role at Teapot is create all things digital (and to drink copious amounts of tea…). While I mostly work with websites I also design all online assets and emailer templates – anything you need to boost your online presence!

Give us a call on 01460 281865 or email us to see how we can help you!