Preserved Topic: jaggies when saving as gif? (Page 1 of 1)

can someone tell me why this is getting jaggied as soon as i save it out as a gif? whe the image is still in PS the the left edges are very soon, but when i save it as a gif, the whole left side of all letters is jagged.

Hmmm...got me beat. You don't have any parcially transparent pixels with nothing below them do you? Cause GIF's don't support them, and so photoshop will convert them to fully opaque, and tht will make jaggies, since the entire basis of anti-aliasing is partially transparent pixels.

sorry, skaarjj, i didnt understand all of that. you mean half-transparency, right? so, PS will make any half(or another value of) transparency to the matching full color?

Grumble, I almost have that everytime I save a GIF, I would like to know what the answer on your question is also.

i dont see any jaggies

maybe try some different anti-aliasing options for the text?

------
this rose has a thorn...

When you go to "Save For Web", you'll see that you can change many different options there. For a start, you should increase the number of colors from 128 to 256. You should also experiment with color reduction & dithering algorithms (as I've said you have a lot of options there)...

im afraid that doesnt really make a difference concerning those jaggies.
i guess there's no solution besides using png.

I really don't see the jaggies you're talking about but you say they are on the left hamd side of the text right? It could be an angle problem. With the angle of some lines, anti-alias all you care to and you still get a sort of jaggy effect. Look at the angles where you're seeing the jaggies and see if they all match. Or, try another font and see if it comes out different.

<edit>I see what you're talking about now, I capped it and blew it up in Photoshop. Looks like you have a blue layer underneath the layer with the highlights and it's boundaries are beyond the highlight's boundaries. This is causing a halo effect where you're seeing a pixel-widths-worth of darker (blue) halo. You might try selecting the blue layer, invert your selction and feather by a pixel and delete, something to that effect</edit>

Jason

[This message has been edited by JKMabry (edited 10-14-2001).]

Do you wanna talk jaggie?

See this
I have fighting with this a long time! MAking test, then repeating the stuff, I thik that the problems is the transparency, I'll have to make a little black border to avoid the jaggie stuff, What do you think? Black line? like a stroke, or something....



Edit> Guess.......

[This message has been edited by Wakkos (edited 10-15-2001).]

you've got an entirely different problem there Wakkos. Your panoramic background image varie in color from black to almost white. You have your matte for the transparency set to white (?) which is gonna look jaggie when the black portions of the panorama pass behind it. Looks fine though when a lgiht, almost white piece passes behind. In this case the black stroke wouldn't help a bit cuz you'd still have to set a matte color for it.

If you wanna keep the design and have no jaggies, I'd suggest you use a different background panorama image (the one you use here has too wide a range of saturation to overcome), maybe black and blue or something and then split the color difference between the black and blue when setting your matte color for the GIFs, like you do for the 2 backgrounds here.

Jason

I'm going to do the same than in the 'menu', a thin black line to avoid that (but even that way is a little bit difficult!

But I'll do it...

Now looks a little bit better (but I still have problems with the circled area.....

If anybody can give a tip on how to work that transparency out (The circle part) to avoid the jaggie stuff, I'll appreciate it!



Jejeje, I forgot the link! link

[This message has been edited by Wakkos (edited 10-15-2001).]

Now the panorama image is in *front* of the interface, I can see nothing.

Earlier I was at the office on IE5.5 now I am at home on IE5.0 if that matters...

Jason

I haven't make the preload stuff, and looks good in my PC (IE 5.5 )so, maybe you have to wait for the image to load. But if you still have the problem, post back!

Edit> In Shtscape I have the same problem.....

huummm. Why is that?
Let me go to the Javascript forum!
But still looks good on IE!

[This message has been edited by Wakkos (edited 10-15-2001).]

Jason, thanks for the help.
as i said, this negative effect is coming up when i save it as a gif. as a transparent gif! when i save it out in another format the jaggies arent there. i think its like skaarjj said, gif doesnt support half-transparency. pngs would do.

Grumble, having trouble following the 'partial transparency' logic as it relates to the image you posted. The edges of your font have nothing to do with transparency as they are laying on a completely, 100%, opaque background, the checkerboard.

Am I communicating well? Transparency, and partial transparency especially, is hard to communicate. The sayer and the hearer often have different terminology that throws off the understanding.

Jason

well i typed that already, but when i clicked submit my internet-connection broke up.
hope i remeber everything

jason, yes, maybe there is a misunderstanding. i think half-transparency (also called alpha-blending i guess) is the effect of giving a transparent pixel a certain color referring to the color of the background.
big sorry, my error...

in my case the problem is that gifs dont support this. and PS makes the pixel at the edges a full filled one (dark-blue)

Grumble, I think you have a misunderstanding on the partial transparency thing. GIFs are capable of *full* transparency, a pixel is either transparent or completely solid (opaque). And PNG24s can have up to 256 levels of transparency, or opacity.

If you can lay your hands on a browser that supports PNG24, have a look at this example I threw together. NS6 worked for me (IE5 - 5.5 and 6 apparently do not support it, still). See how the PNG rolls over the background and you can see the background *through* the semi-transparent pixels? If you relate that to the image you created and the pixels that are giving you troubles I don't see how semi transparency relates to them as they are on the interior of the image with the checkerboard behind them (100% opaque). I *could* see you using partial transparency, or the PNG, for the outer, feathered edges of your graphic if you were going to put it on top of a textured background.

Due to lack of browser support for PNG though I don't think you'd want to use it for the web.

I hope that made sense and I'm not out in left field here.

Jason

EDIT: in the example page, 1 image is a GIF that uses white as the matte color, the other image is the PNG, it will either look really cool floating around all semitransparentlike or like a big ugly grey square with a red dot if your browser doesn't support it.

[This message has been edited by JKMabry (edited 10-16-2001).]

yea, i knew that about the gifs and full-transparency.

ah, and yes you're right. it's not about transparency at all in my example. i have completely run aside from the main topic. sorry! (im confused sometimes)

well, my problem is simple that, as soon as i save my psd to a gif (save for web with all possible options) the outer edges of my text gets jaggied.

I'm completely stumped, could you mail me, or post the psd?

Jason

ok. thought i could post it up here to.
so, for everyone who is interested. psd
in this version the checkered bg is not done, but just save it as a gif and the jaggies will appear.

edit: im going to bed now... its late over here...

[This message has been edited by GRUMBLE (edited 10-17-2001).]

alrighty, here's the deal, if you think that looks better, then do what I said in my first post and that'll hook you up with a jag-free gif


Jason