Question : Google, Facebook, etc.  Logo turns fuzzy after upload.

I've tried everything.  We have a red gradient logo that we need to use, for example, at Google Local Places and Facebook.  I've tried all options below ... and still get very pixelated logo.

I think it is an image processing script used by Google, etc. - but what should I use as the source image?

Or is it a particular problem with red gradients on the web?

I've tried PNG, JPG at 1024x1024 and 90x90.  I've resized with bicubic, bilinear, and all the other resize options.

Attached is a sample of the graphic I'm working with.

I guess I need to know:
-What type of file is best for uploading to social network sites?
-What size should source be?
-Should I use something other than Photoshop to prepare source?

Many, many thanks.  I'm so stuck!
 
sample logo
326251
 

Answer : Google, Facebook, etc.  Logo turns fuzzy after upload.

No matter what you do to a logo, and no matter what file size or file type it is, image upload scripts will nearly always mangle it.  Photos come out a bit better, but logos with fine detailed lines will likely always look pretty bad resized, usually because many sites don't generate separate smaller 'thumbnail' images for previews, but use the full sized image.  Or they intentionally give it a higher amount of compression, or convert it to something like a JPG when a GIF or PNG is usually better for detailed graphics like logos.

Barring redesigning the logo to have less precise lines (no drop shadow in the white text, no black outlines, larger type, etc.), your best bet might be to pre-size the image at the exact size the site is using, which may keep the site from resizing your image automatically.

If you need help determining the right size, you can post screenshots here and we might be able to figure out that and some other strategies.
Random Solutions  
 
programming4us programming4us