Basic Question About Exporting and Resizing For The Web

[Mediafuel]

Hello. I have an image I want to export and use on a website. I need to reduce it to a certain size. In choosing the export option I am presented with the dialogue box as seen in the attached image file. 

 

Questions:

1. Which resample option is best?
2. What does the Progressive check box do?

 

 

Sorry for the very basic question. I have little to no experience with image editing and do not know terminology or workflow options.

 

Thanks in advance.

[MEB]

@Mediafuel,

 

1) Overall Lanczos is the best resampling option if you want to scale down your images since it's able to get a sharper result than Bicubic.

 

2) The progressive checkbox creates a jpeg that will render on screen ("fade in") while it's still being loaded by the browser. This helps to create the perception that the page is loading faster since the images are being immediately displayed as soon as the browser starts loading a webpage.

If this option is unchecked, the browser will render the image in blocks, one after another until it completes the image. 

Here's a demo displaying the differences between the two options.

NOTE: Apple Safari may have trouble displaying progressives jpeg's. If that's the case check the demo in Google Chrome.

[Mediafuel]

Thank you MEB.  :)

 

Very helpful! Cheers

[antoniolsampaio]

Moved my question to a new topic...

[Konspaul]

Well this was helpful! So what about increasing the size. Which option is the best for that? And what is the difference between Lanczos' modes separable and non-separable?

[Konspaul]

Requesting to have a progressive -checkbox in the Affinity Photo export window. I see that the Export persona already have it. It is just that I very often export a JPG or what ever simply by pressing ⌘⌥⇧ + S.

[billtils]

@Konspaul and MEB:  Yes I understand the basic Lanczos advantage but am at a loss re the separable / non-separable options.

 

PS:  The progressive JPEGs opened no problem for me in Safari.

[Dave Harris]

Requesting to have a progressive -checkbox in the Affinity Photo export window. I see that the Export persona already have it. It is just that I very often export a JPG or what ever simply by pressing ⌘⌥⇧ + S.

 

In the current beta you can use the Export persona to switch on Progressive JPEG, save that as a new preset (by clicking on the hamburger menu in the top-right corner), and then use that preset from File > Export.

 

In the next beta you will be able to edit all the options from File > Export directly, by clicking a Details button.