How to stretch the Image with keyboard short keys

[HillAshley]

I am trying to strech the Contract Fermentation Image in Photoshop for my website with Shift+Alt Key via Photoshop 2020 but image quality broken, is there any other method to stretch/edit without disturbing the image? 

Have a look at both images whic I am trying to fix 

2nd image 

Your suggestions will be appreciated 

Cheer

Hill 

[Kevin Stohlmeyer]

Dont hold the shift key to keep your image proportionate.

Obviously enlarging this image will cause some of the area to be cropped but it will not distort.

[HillAshley]

Thanks Kevin for your response, so please share the method how can I enlarge the image without demaging the quality becasue website need to be upload with correct dimensions. 

[Kevin Stohlmeyer · Accepted solution]

You can enlarge using the move tool and show transform controls.

When you scale, hold alt/opt to scale from center and make sure the W&H controls are linked at the top.

That should prevent distrotion.

The other issue you may have is when I blew this up to fill the vertical height you show, the image is at 187% which means it may be a little soft and require some sharpening after scaling.

[HillAshley]

Thank you so much Kevin for your detailed answer, that's what I was looking.

[HillAshley]

Thanks.

[David_Hennry3382]

Thanks for sharing this thread—super helpful! I had a similar issue while resizing product images for my Tillie Beads  beaded bag  collection. At first, using Shift+Alt distorted the quality too, but switching to the move tool with “Show Transform Controls” and linking W&H worked much better. Also agree with Kevin—some gentle sharpening after resizing helped restore the image’s crispness for web use. Always something new to learn in Photoshop!