Neverside

Making Images Web Ready

have a logo that ive put togther in flash and then clipboarded over to illustrator and saved there for the web as gif and png files, have tried non dithered, dithered, aliased, antialiased, but and here's the problem....

Its coming out awful in my webbrowser!

am a complete beginner...so was wondering what i should do? and how i can solve this nasty problem, the one thing i dont want to do is redesign the logo

is there anybody out there who can help?

cheers

mic

The simple solution: Save it as a jpeg/jpg. Don't do anything special as far as options. You might even be able to export a single frame out from flash as a jpeg. (i'm pretty sure you can.)

The better answer:

gifs are primarily used for pictures with low color counts. don't dither them, they look horrible. antialiasing is where your graphics program blurs/fades the edges of the picture a bit so it looks nicer. experiment with what looks best.

jpegs are used for pictures with many colors and gradients of colors. lots of details. drawback is that at high compression they can look bad. they turn out okay for the most part though.

pngs are sort of a mix in between and support transparency. jpeg doesn't at all and gif has a little transparency support. I wouldn't use this unless you're not using transparency (you probably aren't) because IE has trouble with pngs and transparency.

you by all means absolutely don't have to redesign the logo.

___________________

I've got a girlfriend! WOOT.

interesting.

i am using a transparent background. the logo is one single colour.

sounds as if you think best to go for gif without dithering and possibly without antialiasing especially if png transparency and IE aren't talking....and also best to go with flash's own save as...rather than Illustrators, right???

ok am now exporting as an image from flash (and cutting out illustrator)...

Am also doing away with transparency and going with a background colour (copying the websites bg colour'd hex value)..

Still having a couple of probs though:

the gif version gives me a clean(ish) logo but a grey background

the png version gives me a clean(ish) logo and the right colour background, though the background (only the bg) is heavily pixellated.

Weird eh! Any ideas as to how i can fix this??? I thought adding images to a website was one of the easier elements to do

HELP!!

Mic

Last edited by mic, May 25th, 2004 01:04 AM (Edited 1 times)

try a jpeg/jpg then. also, post example images if the jpeg doesn't work for you.

adding images should be really easy. but optimizing images isn't so easy.

___________________

I've got a girlfriend! WOOT.