Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

Hi my client has given me a load of images for the site I'm building for him, they are going in a Javascript Image Nivo Slider Banner at the top, the size of the banner is 720px x 200px but the images aren't.

I can crop the images, but I wonder if there is a way to resize them and change the proportion without destroying the quality, or due to the nature of how pixels work is this not possible?

I would like to be able to turn them into wide angle images and work from there.

I have Photoshop CS6 Ext.

share|improve this question
    
The only way to change the proportions of an image without stretching or squishing pixels is to crop. –  Scott Oct 21 '13 at 18:48
    
Thanks thats what I am doing, I just hoped there might be another possibility... –  Ant Power Oct 21 '13 at 18:53
    
If you have those images in banner as seperate Layers you can just select the layer and give ctrl+layer copy it, Ctrl+N, and paste in a new file(the new file comes with the correct size of the layer you copied). Now change the file size as per your wish. The Quality will not pixelate or squish as far as i know. –  Venki Oct 22 '13 at 10:16
    
I don't see how you will get an accurate answer when you haven't mentioned what the size of the files you're working with. If you have high quality images than you have a better chance of not losing quality. If your images are 32px x 32px then you will have a hard time resizing the images to a min of 720px width. If your images are all the same size and high quality you could batch/script the process in Photoshop but you will still have to manually edit where in the cropped picture you want seen. –  Matt Oct 22 '13 at 17:38
    
I usually do it by transform and holding shift key and drag it to match the size. @Scott I just want to know, what is the disadvantage for this method? –  Bala Oct 23 '13 at 6:20

7 Answers 7

As Scott pointed out: the only way to change proportions is to crop, but you can size the item as close to one of the desired final pixel dimensions first, and then crop.

For a naive (mechanical) way, you merely set the smallest dimension of the original image to the correct size for that dimension. The other dimension will be larger than the desired final size on that axis, so you can crop to the image. Many (most?) photos have the focus in the center, so you set up the crop so that the edges are cut (crop to the center).

As far as resizing without quality loss, all resizing is a loss in quality. Sizing down throws away data, and if you are not resizing by a factor of two in both directions, there must be some math involved that decides how to deal with it. Downsizing is usually OK even by larger percentages, but the image will become blurry.

Upscaling by more than 50% or so should be avoided, since you will be enlarging the flaws in the original image as well as adding new flaws.

Exactly how much you can get away with in either direction is going to be a personal decision, but I will say that when I get images too small for the desired placement, I groan, something I do not do when I have to downsize.

Any automated process where the multiplier is in the range of "original image dimension times (.5 to 1.5)" is probably going to be fine without user intervention.

share|improve this answer

It is not possible to change the size of already existing images to 720px x 200px without losing on quality or content. Best you can do is that crop the image in this ratio so that maximum information can stay on the banner.

share|improve this answer

there is one plugin called http://www.alienskin.com/blowup by using that plugin we can resize image (smaller to bigger, bigger to smallar& stretchable) with out losing quality but i am not sure of 100% quality...but its better it may help for u....

share|improve this answer
    
Please understand this is a professional board so when you post an answer with "u" it should be spelled as "you". I understand your first language may not be English but please try to format your answers with your best attempt at grammar and punctuation and someone else can assist you in the areas you may have trouble with. –  Matt Oct 22 '13 at 17:48

Depending on the picture you could mask out the objects or logo in the foreground and only resize the background, or resize front objects independently and proportionally. Kind of like the content-aware-scaling in Photoshop. If scaling is the only option I suppose Scott boiled it down pretty much.

share|improve this answer
    
This may work but if the images are 200px x 200px what is he to do? –  Matt Oct 22 '13 at 17:42

You can make pictures smaller by saving the aspect ratio. so you never lose any quality.

For example we have a 400px x 200px image it's aspect ratio is 2w X 1h. So if you want to make the width 280px then the height must be 140px (width/2) to save quality.

All other resize attempts will result in a noticeable quality loss.

In your case: make the images smaller as much as you can with saving aspect ratio then crop.

share|improve this answer
    
How can you suggest to preserve the aspect ratio when you don't know the size files he is working with? –  Matt Oct 22 '13 at 17:40

Just put your large, edited image in PowerPoint, resize it there, and print. I just took one that was sized in CS6 as 38 inches wide and made a perfect 4x6 out of it with no lossy issues. As we used to say in the old days when we had to do our own programming, the best solution is the simplest one, or what we used to call an "elegant solution."

share|improve this answer

In my case I was trying to resize a large image to a small size where 12% of reduction happened... and each and every time the image was pixelated in some way in photoshop. My solution was to take the large png image open it in ilustrator then click in "live trace options" select "high fidelity photo" option then "expand". The result was amazing. Then resize it as I want. Save it and put it in my design or open it in photoshop.

share|improve this answer
    
Hi Domingo, welcome to GDSE and thanks for your answer. If you have any questions, please see the help center or ping one of us in chat once your reputation is sufficient (20). Keep contributing and enjoy the site! –  Vincent Nov 21 at 10:03

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.