Solved

PNG has jagged edges

Posted on 2008-06-23
2
181 Views
Last Modified: 2013-11-19
The logo and some of the other icons on the page at http://fellowtip.codeyoda.us have jagged edges.  My developer asked for .png files with no background and that's what he's using.  He can't figure out what the problem is so I'm hoping you can help.
0
Comment
Question by:Iamageorgiabulldog
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 38

Accepted Solution

by:
lherrou earned 125 total points
ID: 21859494
Iamageorgiabulldog,

When the PNG was originally output, I am guessing there was not a colored background, so there's no anti-aliasing (http://en.wikipedia.org/wiki/Anti-aliasing) applied (since there's no background, the graphics program doesn't know what color to shade to). The solution is to have a background layer in the color you think you're going to use (or at least close), and then make that background layer invisible.

In addition, your PNG is more than twice as big in pixels as the area where it's being used, so it's being scaled by the browser. This can enhance the jaggies. I took your PNG and, in Photoshop, added a white background layer, then re-sized to 200 px wide, hide the background, and saved for web as a new PNG. The result is below, you can see it's nice and smooth by comparison.

Cheers,
LHerrou
fourseasons-logo-sm.png
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Many programs have tried to outwit PowerPoint in terms of technology and skill. These programs, however, still lack several characteristics that PowerPoint has possessed from the start. Here's why PowerPoint replacements won't entirely work for desi…
Technology opened people to different means of presenting information, but PowerPoint remains to be above competition. Know why PPT still works today.
In addition to being a great web-based presentation tool, Prezi also makes it easy to save your presentation as a PDF to share with others as well. Learn how in this tutorial. Select the share icon from the top menu in your Prezi editor: Select "D…
Learn how to download your full Prezi presentation for offline presenting. Prezi doesn’t have to be viewed and shared in a web browser, even with a free account you can download your full presentation to share with others. Be sure to download any vi…

690 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question