Jump to content
Mangolife

Newbie question on resizing and impact on quality and file size

Recommended Posts

Hi,

Thanks for taking the time.  My challenge is in finding images that look high quality on desktop and mobile devices while having the file sizes remain low so that it doesn't slow down page load and also use up a lot of space on my server.  I was surprised to find that when I resized a 6000 * 4000 to 600 * 400 that the quality appeared reduced.  I'm thinking this is simply because it is a physically smaller image that I'm looking at on the same size screen.  At least that makes sense to me.

I also understand there is something called resampling and I should select bilinear when i resize, but this still made no difference.

Which brings me back to the challenge of how to select images (I'm using Unsplash) to get images that look good on desktop and mobile but also still have a small file size.

Appreciate any advice or resource you can point me to so that I can learn how to select an image and create a workflow that makes this an easy process.

Thanks again.

Share this post


Link to post
Share on other sites
6 hours ago, Mangolife said:

when I resized a 6000 * 4000 to 600 * 400 that the quality appeared reduced

Yes, it would. Resizing will involve resampling. Try using one of the Lanczos 3 resampling algorithms. They can often result in a better quality photographic image (though not for a graphic image). 

You might also apply a judicious amount of light sharpening to your final image.

John


Windows 10, Affinity Photo 1.8,5 Designer 1.8.5 and Publisher 1.8.5 (mainly Photo), now ex-Adobe CC

CPU: AMD A6-3670. RAM: 16 GB DDR3 @ 666MHz, Graphics: 2047MB NVIDIA GeForce GT 630

Share this post


Link to post
Share on other sites
11 hours ago, Mangolife said:

I was surprised to find that when I resized a 6000 * 4000 to 600 * 400 that the quality appeared reduced.  I'm thinking this is simply because it is a physically smaller image that I'm looking at on the same size screen.

It is because there are fewer pixels in the reduced size image, not because of its physical or display size. "Pixel" is short for "picture element." It is so named because it is the fundamental logical unit of picture information in digital images. Reducing the number of pixels in a digital image means reducing the amount of information in it -- IOW, lowering its quality.

There is no way around that, but as John mentioned, using different resampling algorithms can affect the visual quality loss.


Affinity Photo 1.8.4, Affinity Designer 1.8.4, Affinity Publisher 1.8.4;  2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 40GB RAM; macOS 10.15.6
Affinity Photo 
1.8.4.186 & Affinity Designer 1.8.4.4 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 14.0.1

Share this post


Link to post
Share on other sites

Thanks both.  I will try the lanczos 3 resampling.  Looks like I will just have to experiment to see what works that also doesn’t make the file size too big.  

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.