Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I'm having problems uploading a PNG file to the web. The problem is that it distorts the color of the image. The image is a trademark and uses a PANTONE color. I think this could be the problem because the distortion affects only this color alone.

I have tried saving it for normally, for web, in multiple formats (JPG, PNG, GIF) Always the same exact result: color distortion.

So, how can I upload this image without having to change the color?

EDIT: Here's a link to the image because I don't have enough rep to publish any image yet:

image

EDIT 2: OK, it seems that the problem is Facebook, which is the place I'm trying to upload this trademark, because I uploaded this to ImageShack and it shows correctly.

Any advice on how to fix it?

share|improve this question
1  
Sounds like the problem is not when you're uploading it, can you clarify what you're comparing the "faulty" PNG against - a Photoshop file, EPS, PNG viewed in Photoshop? –  e100 Jun 9 '11 at 11:40
1  
You should upload it to FB, take a screenshot with the "Print Screen," "Prt Scr," etc. button on your keyboard, paste it into photoshop/GIMP/etc, save it, and then upload it to imageshack to show us what exactly is going wrong. –  Michael Jun 9 '11 at 18:34
    
i suggest you to discus this on FB forums its not at all related to png image or anything graphically its just FACEBOOK.... –  Jack Jun 10 '11 at 13:10
1  
and check this too scottwyden.com/facebooks-photo-upload-compression/#.TfIZi1tg9kp –  Jack Jun 10 '11 at 13:22

2 Answers 2

After comparing the current Facebook page image and the one on Image Shack, my guess is that jpeg compression is part of the problem. The pink is not even across the letters, indicating heavy compression artifacts in relation to the size of the image.

Facebook seems to be all jpeg, all the way, so no matter what you upload it will end up as a jpeg. It will also be crushed.

Try this:

In Photoshop, Edit > Convert to Profile > sRGB. Make the intent Perceptual and turn on Black Point Compensation. (Note that "Assign Profile" will NOT work; it will just mess up the colors.)

Save for web, and resize the image in this dialog. Try to get it to the size it will display on FB, so their software isn't messing with it. Compress as far as you can while keeping the text fairly crisp. Uncheck "Include color profile".

I have clients with AOL accounts (a red flag warning if ever there was one!), and their images get smooshed beyond all recognition regularly as AOL "optimizes" them. (cough, cough) This looks like the same problem.

share|improve this answer
    
Thanks for the advise but It is still not working. Here is a link with the example result: imageshack.us/photo/my-images/839/muestrax.png I have follow your steps and still got the same problem. I have used the sRGB profile, save for web as a JPG (I tried standar quality and maximum quality) Unchecked "embled color profile", tried checking and unchecking the "convert to sRGB" option with "monitor color" as preview, and adjusted it to 180 x 180 px (the minimum size facebook allows) Any other ideas? –  Javier Bello Cortés Jun 10 '11 at 8:33
    
The color difference is slight, but it is definitely caused by compression artifacts, which are clearly visible as lighter and darker blotches if you zoom in 200% or so. When I said "compress as far as you can go" I meant look at the image in the 2-up view and compress until it's on the edge of degrading. If FB compresses it anyway (they might), another possible strategy is to save at maximum quality. You're dealing with an unknown quantity here (exactly how FB goes about processing images), so trial and error is indicated. But the color issue, like the fuzzy edges, is jpeg compression. –  Alan Gilbertson Jun 10 '11 at 17:46

I think that the problem is that photoshop is a color managed aplication, it will read the color profile from the operating system and use it to convert the image while you work in it.

That's obviously a good thing but when you try to see the image in a web browser that doesn't have that capability, it defaults to sRGB and there is the source of the problem.

Try setting Photoshop to work in sRGB, fix the colors and then upload the image again, it might work. It's either that or Facebook striping away some color information from the jpeg, but we can't fix that.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.