What's new
By:
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

Why does white text on color background look different when I resize image?


J

jphillips

New Member
Messages
4
Likes
0
I am PC user working with Photoshop 7 and trial version of Photoshop Elements 12. I found an image of a rounded corner rectangle. I changed the background color to R102 B8 G0, and then created the word BLOG in white. The original image size is 487 x 487 px and looks great but when I resize the image to the icon size I want (30 x 30 px or 25 x 25 px), the red background color bleeds through parts of the white text and the image just doesn’t look as good. How do I resolve and what is best format (jpg or png) to save for Web? Thanks.

JP
 
As far as format goes I would say PNG as far as what you are describing, would you be able to post a sample of the problem, that may give others a better idea of what to suggest to solve the problem
 
Tom M,

Thanks for your post. The thread you directed me was very informative regarding the "anti aliasing" on/off feature and it does solve the problem of the color bleed. However, now I think the white text is just too sharp. Is there something in between that can reduce the color bleed and keep the white text defined as well as smooth? Do you need to see the images (one with anti aliasing off and one with anti aliasing on) and am I allowed to post images?

JP
 
Tom M,

I know to save the Photoshop file (psd) to a png file so that white corners won't show, but I think they are still there when against a dark background. My Photoshop file consists of one layer of red color (R102 B8 G0) which is a rounded corner rectangle and then four separate layers (one for each letter B, L, O, and G) of white letters. Next steps are Merge Visible, Rename layer as Layer 0, and Save As (png). If the white corners are still there, what might I be doing wrong?

JP
icon-blog.png
 
Hi JP -

1) I don't think I ever suggested that a png would be better. That suggestion was made by iDad. From what I can determine from your posts, I don't think switching to a PNG will solve your problem, and you seem to have confirmed that.

2) Thank you for the text-based description of the problem, but there are just too many other variables that could influence what you see, so I have to ask you once again to please post a PSD file that shows this problem if you want us to try to help you.


Best regards,

Tom M
 
I only answered the question which would be the best format.
I'll take png over jpg any day, that's all I was referring to
 
Me too, iDad -- I'll take png over jpg as the better of the two formats, but it doesn't address his main concern.

Unfortunately, the way the OP phrased his question, he seems to have thought that a simple change in file format would be the answer. As we both know, it isn't.


T
 
Not sure if this was mentioned or not but why not downsize the image then add the text?
 
Hi Tom M,

As suggested, I've inserted my Photoshop file. My image (30 px x 30 px) is more a rounded corner square rather than a rectangle and is for a Web page using a textured background color of e9e9e9. I've tried saving the file as a jpg and as a png but the corners of the image still show white against the background. I saved the file as a png instead of a jpg because I read somewhere that the reason for the white corners had something to with jpgs not supporting transparency.

I appreciate all the help from others who have posted and, by the way, I am female so I'm a she, not a he.

JP
View attachment icon-blog-30px.psd
 
Back
Top