homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderators: not2easy

Site Graphics and Multimedia Design Forum

Resizing images challenge
What am I missing?!

Msg#: 4078513 posted 5:30 pm on Feb 11, 2010 (gmt 0)

Hi there

I want to make a banner for a website with a background image and the text on top, simple.

I can't resize the image to fit the banner without deformation of the image, as the pic is square and the banner a rectangle. I use Paint Shop Pro and Macromedia Fireworks, two good image programs, and cannot find the way to do it with either of them...

Am I missing some obvious image design concept?




WebmasterWorld Senior Member 10+ Year Member

Msg#: 4078513 posted 6:10 pm on Feb 11, 2010 (gmt 0)

Welcome to WebmasterWorld Lamorales :)

You need to use the crop tool on the square shape, then create a new layer and paste it into the rectangle. You might need to create space around the area that's been cropped to fill.

Easy enough in fireworks. Look on the tools palette.


WebmasterWorld Senior Member rocknbil us a WebmasterWorld Top Contributor of All Time 10+ Year Member

Msg#: 4078513 posted 5:51 am on Feb 12, 2010 (gmt 0)

Also look for any setting that indicates "constrain proportions." This retains the w/h settings of what you re resizing.


5+ Year Member

Msg#: 4078513 posted 9:38 am on Feb 15, 2010 (gmt 0)

Just so you know:

Photoshop CS4 has a smart scaling tool that will leave the focus points of the image unaltered and scale the areas of the image that are not deemed as unscalable so that images do not become distorted.


Msg#: 4078513 posted 7:25 pm on Feb 17, 2010 (gmt 0)

Hi, thanks for the tips. But it hasnīt worked. Firefox cut&paste still deforms the image, I tried the scaling tool and got the same result

I've got Photoshop 7 and canīt get to scale without deformation of the image either

Any other ideas?



5+ Year Member

Msg#: 4078513 posted 11:55 am on Feb 22, 2010 (gmt 0)

resizing an image without constraining proportions will always result in a distorted looking image, could you not crop the square image into a rectangle and only use part of the image?

Or, shrink the square image so that it fits the height constraint of the rectangle then pad it out with something else? Another image? A feather gradient?

Unless you have a graphics package that has a built in magic tool for scaling images without distortion I don't think theres much else you can do.


Msg#: 4078513 posted 12:20 pm on Feb 23, 2010 (gmt 0)

Hi thanks for your answer

I have done just that, and it doesnt look bad at all, although the image is a landscape and I had to omit the sky! never mind.. as I imagined itīs a matter of having an expensive software a magic tool... on the other hand lack of resources often enlights your imagination or neccesity is the mother of invention

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved