Comments on: How to resize a text logo correctly in Photoshop

By: peggy

peggy — Tue, 06 Jul 2010 17:23:43 +0000

thank you for posting this. i’m helping a co-worker with their church banner which is currently very jagged in appearance and while i’m pretty good in some applications, I don’t know much photoshop or illustrator which I plan to change shortly. it is nice that to know that i don’t have to redraw the thing by hand because i’m not an artist.

By: Janet

Janet — Tue, 25 Aug 2009 16:26:13 +0000

Grateful to have found your information! My friend had a huge graphic she sent to a printer as a .jpeg, for business cards, and they couldn’t get the image to downsize sharply.
In PaintShop Pro X2, there’s no Save For Web Devices choice, but Save For Office gives Advanced Settings to re-size the image, chose quality & file type.
Worked perfectly! I did use the unsharp mask to tweak the new image slightly. Thanks so much!

By: alec

alec — Fri, 03 Apr 2009 21:39:06 +0000

Hello Kathy,

I would try to open up the AI file in Photoshop and save it for the web from Photoshop and not Illustrator. I don’t use Illustrator much myself, but have had problems saving for the web.

By: Kathy

Kathy — Fri, 03 Apr 2009 21:36:38 +0000

Hi – I was just reading your post on saving images for the web. I am having trouble with a logo, and I can’t figure it out.

It needs to be 85 px wide by 98 px high. I’ve created it in Illustrator at that particular size, then saved it for web (PNG 24) but it always looks blurry when
I publish on IE7. It’s better on Firefox, but horrible on IE7.

Any help would be appreciated….

Thanks, Kathy

By: John O

John O — Thu, 12 Mar 2009 17:41:44 +0000

Excellent advice, thanks very much.

Looking forward to trying it out tonight..

By: alec

alec — Wed, 18 Feb 2009 17:55:34 +0000

Hello Dana, I'm glad this helped you. It's required reading for all our designers. Most designers think they know these basics but they don't. Even people who should know better like SixApart (publishers of Typepad) don't save their logos in the right format, i.e.

Six Apart Logo which becomes this when examined closely:

Six Apart logo blown up - ouch!

The same principles should apply in Fireworks. We use Photoshop as an example as we haven't been able to find an image editing program with better algorithms for compressing and resizing images for the web. We tried almost all of them, but the Photoshop algorithms are superior.

By: Dana

Dana — Wed, 18 Feb 2009 16:46:08 +0000

Thank you for this great explanation. I’m a newbie at web development, and your description made perfect sense. My only question, is that when you reference Photoshop, I suspect that using Fireworks is analagous. I’m able to save in all the formats (.gif, .png, .jpg, etc) and I’m just wondering whether your saving as a big file, but rendering it smaller would work the same… I suspect so… Thanks, Dana.