Jump to content
You must now use your email address to sign in [click for more info] ×

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.

Link to comment
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.10.5 Designer 1.10.5 and Publisher 1.10.5 (mainly Photo), now ex-Adobe CC

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

Link to comment
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.

All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
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

Terms of Use | 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.