Mobile app version of vmapp.org
Login or Join
Carla748

: Distorted png when opening in PS I have a Facebook icon PNG that I want to edit to create a sprite. But the image is distorted upon opening. Saving it gives the same distorted image. Result

@Carla748

Posted in: #Css #ImageSprite #Overlay #Png #Transparency

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



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

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Carla748

1 Comments

Sorted by latest first Latest Oldest Best

 

@RJPawlick971

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: helpx.adobe.com/en/photoshop/using/color-modes.html
I hope this helps!

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme