Hi Ajay,

This is an extended version of my private message! (Should have checked my To: address! It's the first time I've posted here! :-) )

On 22 Jan 09 05:29 Ajay Gautam said:

I created this using Gimp 2.6 on Mac 10.5: http://ajaygautam.com/ots-logo.png

When I resize this to a smaller image, the text gets all distorted: http://ajaygautam.com/ots-logo-small.png

I have been looking around on google, but couldn't find much. Tried scaling with all the different ways (Linear, Cubical... etc). Also tried scaling from XCF and PNG files.

Nothing seem to maintain the quality of the text on the image.

Any help / pointers in the right direction would be greatly appreciated.

The original is 505x200
The smaller version 130x51

which appears to be a reduction of 25.74% width and 25.5% height (if you reduce width from 505px to 130px - the percentages are different if you resize the height from 200 to 51.

The problem is the inevitable rounding of the pixel count that occurs given to original size and reduced size. Ideally, when reducing size you should s select resize values that divide to whole numbers and things should improve.

I found that doing a 25% percentage resized to 126x50 (which is as close as you are going to get to whole numbers with the width being 24.95% (Just click in the width and height boxed to refresh them and see the actual percentage the pixel count is).

After that reduction, I used the Unsharp mask to help increase the contrast. (I selected one side of the image and applied the unsharp mask and then the other. This was to avoid darkening the blue side of the blue/white boundary)

Part of the reason for the "greying" of the text is that the original is anti-aliased which means that when reducing to single pixels strokes the resultant image doesn't know whether to go with the "shaded" or "pure" colour.

Finally, (working at 800% magnification) I used a 1px pencil tool to pick out some of the tops and tails of letters that had suffered badly in the reduction. (At this size, where most strokes are now down to a single pixel, some of the letters inevitably should fall half way between pixels - so you cannot get perfection!)

For a few days you can see my version at: http://www.gregtutor.plus.com/otslogo.png

I think I've overdone the unsharp mask on the right side of the image, but hopefully it will give you a few clues. With more time it could be done better!

In short, you picked a pig of an image to reduce! :-)

Greg Chapman http://www.gregtutor.plus.com
Helping new users of KompoZer and The GIMP

On Thursday 22 January 2009, Ajay Gautam wrote:

Now that you know the desired end result, what would the best way to go about creating the it, if I were to recreate it from start?

Thanks

Ajay

If you can recreate it (or will anyway), do it in a resizable format, like svg with a program like Inkscape.

Daniel

Daniel Hornung wrote:

On Thursday 22 January 2009, Ajay Gautam wrote:

Now that you know the desired end result, what would the best way to go about creating the it, if I were to recreate it from start?

Thanks

Ajay

If you can recreate it (or will anyway), do it in a resizable format, like svg with a program like Inkscape.

Basically, I agree, but when dealing with such low resolutions, IMHO Inkscape doesn't do a good job at converting such small text properly. In your case, I found that scaling the logo down with the option 'bicubic' works best. Then copy the logo on a second layer & set the layer mode to 'Multiply'. Then reduce the transparency slightly, until the blue looks almost like in the original (it will become somewhat darker due to the different layer mode). Merge the image down & apply an 'Unsharp Mask' to it with the amount'25'. Finally, apply 'Colors > Hue/Saturation > Lightness', until you have the original blue again.

HTH,

Claus

Thanks very much for sharing all your thoughts. Before resizing larger image to smaller image you need to get the image exactly the the right shape with highest quality. Then your work will be much easier if you are a painter, web designer, photographer, graphics designer. There are many image resizing tools in market. The best that maintains edge clarity by keeping sharp and naturally smooth edges and reducing noise to manageable amounts. The sharpening-halos on the enlarged image must be reduced to get the best resized photo. Try reshade (www.reshade.com)image resizing tools.

On 07/17/13 03:44, senoritaada wrote:

Thanks very much for sharing all your thoughts. Before resizing larger image to smaller image you need to get the image exactly the the right shape with highest quality. Then your work will be much easier if you are a painter, web designer, photographer, graphics designer. There are many image resizing tools in market. The best that maintains edge clarity by keeping sharp and naturally smooth edges and reducing noise to manageable amounts. The sharpening-halos on the enlarged image must be reduced to get the best resized photo. Try reshade (www.reshade.com)image resizing tools.

The distortion is only if you do not keep the aspect ratio locked. If you keep the dimensions locked to maintain the aspect ratio, there should be no distortion.

Yours in Christ,

Joseph A Nagy Jr
"Whoever loves instruction loves knowledge, But he who hates correction
is stupid." -- Proverbs 12:1
Emails are not formal business letters, whatever businesses may want.
Original content CopyFree (F) under the OWL 
http://copyfree.org/licenses/owl/license.txt