Transparency quality problems

logologics · Post by **logologics** » Fri Nov 30, 2007 4:08 pm

Hello,
When I creacte an object with background the quality is very good.
However when I make it transparent (gif) the objects edge gets very jagged. even when I render in highest quality.
display Quality
output Quality
curve Quality
Precision & Quality in attribute panel = 9
subdivde method = absolute

Who can help me to improve the transparent quality?

Thx!

logologics · Post by **logologics** » Sat Dec 01, 2007 1:09 pm

Hello,

Can somebody help me please?

Thx!

Post by **Ron P.** » Sat Dec 01, 2007 1:36 pm

Those are 2 quick examples I prepared. The one on the left appears to be of better quality, appears I may have different settings than the one on the right. However that is not the case. The settings for both are the same, except the background color.

The quality settings are set to Best, for Curve, output, ect.. However what can make or break it is the background it will be displayed on. Since I knew by checking this thread first, the background was going to be white, I made my background for my project white to match (Left card). However for the card on the right, the project background is black. So when I made it transparent, it still produced the "jaggy edges".

logologics · Post by **logologics** » Sat Dec 01, 2007 4:44 pm

Thx Vidoman! I'll try this out and will let you know if it worked.

logologics · Post by **logologics** » Sat Dec 01, 2007 5:19 pm

...........yes! Problem solved!

Thx a lot for the great help!

logologics · Post by **logologics** » Thu Dec 06, 2007 3:45 pm

Hello,

May I ask another question?

Altough the problem is kind of solved by the background issue.............on the other hand.......I changed the background color of my website and now ofcourse there's the same problem?
Is'nt it easier to forget about transparency and just render the image on an exact same color background then?
But whats the use of using transparency in that case?
And what if I want to Use a transparent image on a multi colored background?

Is there realy no other trick to improve the transparency quality without each time adapting to the background?

Any one?

Post by **Ron P.** » Thu Dec 06, 2007 4:21 pm

Transparency has been a problem with web design. While you can have transparent backgrounds to your images, or animations, the edges always have posed "jagged edges" problem.

The jagged edges are still present in the left image above, it's just masked by having it the same color as the background.

There may be programs that do a better job, however I'm not currently aware of what those may be.

One other concern is the web browsers that the animation or image is being viewed with. Some handle transparency better than others.

Then the animation format can pose additional issues. I know the SWF (flash) format used to be a major concern. For some reason flash players had a real problem when using transparent backgrounds with your animations. I think that the more recent player, Flash Player 9, does a much better job of handling it. There are more and more websites that do use transparency with their flash animations. But for the most part, they too subscribe to using the animation on a web page background that matches, so to minimize and / or eliminate any jagged edges.

logologics · Post by **logologics** » Thu Dec 06, 2007 4:29 pm

Too bad that there is no other solution, but better this then none

Thx again for your time!