How To Prepare Images for a Website in Affinity Photo

In this video, we look at how to prepare an image for a website using Affinity Photo. We deal with resizing the image to the correct size in Affinity Photo. After that, we apply display sharpening as downsizing often softens the image. Then, finally, we export it using a suitable format and colour profile to ensure it displays at its best.
Download your Affinity Photo trial: tinyurl.com/2g9lhadc (affiliate link)
AFFINITY PHOTO BOOKS
Make learning Affinity Photo easy: geni.us/essentialap2book
Extend your Affinity Photo skills: geni.us/aphowtochoice
Produce complex, accurate selections fast: geni.us/AffinityPhotoSelection
ALL BOOKS
Make learning easy with my collection of books: lenscraft.co.uk/books-by-robi...
FREE BOOK
Don't forget to join my free monthly newsletter to get your free copy of my book "6 Steps to Shooting Brilliant Landscape Photography". bit.ly/3GbtmE9
Buy me a coffee: geni.us/buy-robin-a-coffee
#robinwhalley #lenscraft #lenscraftphotography

[@chrisc.7972]

I can't thank you enough for this tutorial Robin, I've been searching for this information for a long time!! Thank you so much 🤗

[@RobinWhalley]

I think I've just answered another of your comments and included a link to this video. I'm glad you found it and that it helped.

[@MrDonkov]

I am trying out Affinity Photo 2 to potentially replace Photoshop. Not sure if I am doing something wrong, but the photo quality is much worse compared to Photoshop. In PS I just drop the image on my preset canvas and saved it for web. In Affinity I try to do the same, but here I need to manually downsize the photo to the canvas, what is worse I get is a very poor quality image, compared to Photoshop. It is blurry and pixelated compared to the PS export, just not acceptable.

[@RobinWhalley]

It sounds like you have a problem somewhere with what you are doing. You should be achieving similar quality to Photoshop. It sounds almost as if your canvas is much larger than you think it is or the image is much smaller. It's very difficult to say exactly what the problem is without having access to your files.

[@alangauld6079]

I normally just set the image size during the export process. Is there an advantage in doing it at the document level first? I've always been worried about the risk of accidentally saving the reduced size and overwriting the original!

[@paule3475]

I had exactly the same question 😊

[@RobinWhalley]

The final step should be sharpening. If you resize after sharpening it affects the sharpness.

[@AllenReinecke]

That's what I do too. I usually reduce the largest side to a generic 2048 pixels (as suggested in some other YT video) and export.
Is this not a good method? I've not seen any issues with my uploaded images.

[@alangauld6079]

@@RobinWhalley Ah, yes. I'd tackle that by creating a layer and sending it to Nik output sharpener before exporting(or just sharpening in Photo, I guess). The sharpening layer can then be switched on/off as needed. (I could even have multiple layers depending on output). I just feel resizing the document down is too dangerous a step, too easy to mess up and make permanent! Or can you reverse it with Ctrl-Z? Hmm, I need to try that. Nope, as expected history is lost when you save. You would have to start again with the raw file.