Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I have a Facebook icon PNG that I want to edit to create a sprite.

Original FB like icon

But the image is distorted upon opening. Saving it gives the same distorted image. Result of opening in PS CS4 v 11.02

enter image description here

share|improve this question
Interesting problem, someone asked a similar question here which is basically this same issue. – leigero Apr 21 '14 at 6:33

I see you have the image open in Index colour mode (see your Photoshop file toolbar - fb.png @ 582% (Index)). Index colour mode is a low-colour (256 colour) option that can have unexpected effects on your raster graphics. Saving from this colour profile will no doubt perpetuate any problems you are having in the Photoshop file into the exported graphic.

Try switching to RGB colour mode for this; something must have gone wrong when you opened the original .png file up, as I was able to open your attachment without any issues. Saving your .png from RGB mode should prevent this kind of problem from occurring. Oh, and make sure to save at PNG-24 and not PNG-8 when exporting!

See this Adobe page about colour modes:

I hope this helps!

share|improve this answer

Your Answer


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.