1

In web design , it's usually needed to design an image for example in Photoshop and then use multiple sizes of it.

but I don't understand something here :
When I resize the image (PNG or JPG) and reduce the dimensions of that in Photoshop , the image quality extremely gets reduced and the edges become messy while resizing the image in a simple software like Microsoft Paint gives a really better output!

So what's the reason ? Is there a trick in Photoshop for image resizing which I've missed?

Thanks for your help.

UPDATE: I resize in this way : image > image size , then enter new dimensions , all of checkboxes are checked , and have tried all of resample modes including Bicubic sharper

UPDATE2: for example , try reducing google logo dimensions , Google logo , and tell me how you do it without decreasing quality. When I try to do it with PhotoShop, it gots fuzzy , please help

Improve this question
2
  • 2
    I have always found Photoshop to be superior to MSPaint. What are the steps that you performed in Photoshop to do the resize? What options did you select in each dialog? Would you edit your question and provide additional details?
    – James L.
    Nov 21, 2012 at 22:18
  • Photoshop IS superior to MS Paint. Adobe makes a lot of R&D regarding image processing.
    – Martin
    Nov 23, 2012 at 8:42

2 Answers 2

Reset to default
0

Given your example with the Google logo: The logo has an indexed color palette. If you reduce the dimensions of an indexed image in Photoshop, Photoshop uses the same color index table for the smaller image. Thus, the resultuing image looks crappy.

You must convert the original image from indexed color to RGB with at least 8 bit (per R, G, B). Then resize the image, it will look good. Finally, you will have to convert that RGB image back to indexed color (if you need that).

Improve this answer
2
  • Works great! but can you tell me which mode is preferred to use in web pages? indexed color or RGB?
    – Aliweb
    Nov 23, 2012 at 8:53
  • 2
    I prefer indexed color for logos, icons, typeface images. Everything else (mostly photos) is saved as RGB. I use GIF (256 colors) and JPG for RGB/8bit images. If I need transparency I use PNG 32 bit with alpha channel.
    – Martin
    Nov 23, 2012 at 8:57
0

Photoshop allows more tweaking with in turn could allow for undesired results. http://www.sitepoint.com/resize-an-image-in-photoshop/

Improve this answer
3
  • I read this article before and it suggests using Bicubic sharper mode which doesn't help as mentioned in question edit...
    – Aliweb
    Nov 21, 2012 at 22:28
  • Which version of PS are you using?
    – Zero
    Nov 21, 2012 at 22:30
  • The CS5 Photoshop version
    – Aliweb
    Nov 21, 2012 at 22:31

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .