Jagged edges in web graphics

fumblies · 03-05-2008, 05:22 AM

I was wondering, how do I get rid of jagged edges in an image with a transparent background?
I've tried saving for web (in photoshop) in both .gif and .png but the irritating jagged edges does not seem to be disappearing. Help?

Edit: I just realised that the jagged edges is more obvious when viewed on my pc laptop compared to my macbook. Is there a way to minimise the difference?

Aarlev · 03-05-2008, 06:09 AM

Quote:

Originally Posted by fumblies

I was wondering, how do I get rid of jagged edges in an image with a transparent background?
I've tried saving for web (in photoshop) in both .gif and .png but the irritating jagged edges does not seem to be disappearing. Help?

Edit: I just realised that the jagged edges is more obvious when viewed on my pc laptop compared to my macbook. Is there a way to minimise the difference?

Is it possible for you to post the original image and the jagged edges one? PNG supports full alpha transparency so you shouldn't get any jagged edges.

Gino · 03-05-2008, 12:00 PM

I think it has to do with the bg color the image will be placed over try putting it over white. Can u show us what you are using it for?

MediaMisfit · 03-07-2008, 12:44 PM

Png's are optimal but I think there were some conflicts with IE. Were they fixed?

Michae · 03-07-2008, 05:27 PM

In IE 6.0 and later, the transparent area of a .png had a weird lightblueish hue, that has been fixed in 7.0.

Sono Juventino · 03-07-2008, 05:38 PM

I'm very bad at explaining this, but did you create this item with right click -> fill layer? If you have been doing it that way, then try to see if you had anti-alising on. (Just make another one.)

Another possibility is that you have resizing the item after creation. It might have destroyed the edges if you've been editing several layers at once.

Did that make any sence?

fumblies · 03-08-2008, 04:41 AM

I redid the image and uploaded it, now it looks fine. Although I'm still confused why it didn't work the first time.
By the way, how do you if the anti-aliasing function is on?

03-05-2008, 05:22 AM	#1
fumblies Designer Join Date: Jan 2008 Posts: 50	Jagged edges in web graphics I was wondering, how do I get rid of jagged edges in an image with a transparent background? I've tried saving for web (in photoshop) in both .gif and .png but the irritating jagged edges does not seem to be disappearing. Help? Edit: I just realised that the jagged edges is more obvious when viewed on my pc laptop compared to my macbook. Is there a way to minimise the difference? Last edited by fumblies : 03-05-2008 at 05:32 AM.

03-05-2008, 12:00 PM	#3
Gino Administrator/Founder Join Date: Dec 2007 Location: NYC Posts: 1,036	I think it has to do with the bg color the image will be placed over try putting it over white. Can u show us what you are using it for? __________________ Free Business Cards // T Shirts Blog // How to Start A Clothing Line

03-07-2008, 05:27 PM	#5
Michae Senior Designer Join Date: Feb 2008 Location: Oslo, Norway Posts: 286	In IE 6.0 and later, the transparent area of a .png had a weird lightblueish hue, that has been fixed in 7.0. __________________ Warning: I might come across as a bitch, but Im really just trying to help.

03-07-2008, 05:38 PM	#6
Sono Juventino Football geek Join Date: Feb 2008 Location: Oslo, Norway Posts: 124	I'm very bad at explaining this, but did you create this item with right click -> fill layer? If you have been doing it that way, then try to see if you had anti-alising on. (Just make another one.) Another possibility is that you have resizing the item after creation. It might have destroyed the edges if you've been editing several layers at once. Did that make any sence? __________________ http://juvenorge.com \| Personal site (Comming soon)

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode


Welcome to our Graphic Design Forums! Your Design Forums has active graphic design forums where community members discuss graphic design related topics.

03-07-2008, 12:44 PM	#4
MediaMisfit Designer Join Date: Jan 2008 Posts: 78	Png's are optimal but I think there were some conflicts with IE. Were they fixed?

03-08-2008, 04:41 AM	#7
fumblies Designer Join Date: Jan 2008 Posts: 50	I redid the image and uploaded it, now it looks fine. Although I'm still confused why it didn't work the first time. By the way, how do you if the anti-aliasing function is on?