Skip to main content
blakeo25491727
Participant
May 21, 2018
Answered

Resizing Images but keeping them clear to add onto website

  • May 21, 2018
  • 1 reply
  • 182 views

Hello,

I am wanting to add some images to my website. There are boxes on my website that are allocated as 401 x 401px, however, when I resize images down to 401x401  from example say ("4096 x 2732") and then add them to the boxes on the website, they become blurry and they are not as clear as they were when in original form.

How can I add these images to the boxes without losing quality?

I would appreciate anyone that can help with this and if you could please reply asap.

Many thanks,

Blake

This topic has been closed for replies.
Correct answer JJMack

That is not possible.  You are changing the image aspect ratio as well as resizing.  To change and Image's aspect ratio with out adding distortion you need to crop your image to that square 1:1 aspect ratio.  That alone deletes much of your image content You are also reducing 40MP image to a 160KP Image you will lose most of the image details doing that.  You can not store 40MP image into a 200KP image.

1 reply

JJMack
Community Expert
JJMackCommunity ExpertCorrect answer
Community Expert
May 21, 2018

That is not possible.  You are changing the image aspect ratio as well as resizing.  To change and Image's aspect ratio with out adding distortion you need to crop your image to that square 1:1 aspect ratio.  That alone deletes much of your image content You are also reducing 40MP image to a 160KP Image you will lose most of the image details doing that.  You can not store 40MP image into a 200KP image.

JJMack