Tell me more ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.
up vote 0 down vote favorite

Possible Duplicate:
Why can't Photoshop properly open this PNG?

If I save this PNG file on my machine locally:

Glyphicons

And then open this file in Photoshop (CS5 12.0.4 x64 on Windows 7) it doesn't seem to preserve colours as expected. It seems that this is an 8-bit indexed colour PNG image, but even though Photoshop should preserve it.

Browsers display it without a problem, so does the Image preview in Windows...

How do I open this file in Photoshop, so it will look as it should?

Note #1: To see the invalid file representation in Photshop, just save upper image and open it in Photoshop. Then locate the "movie" icon in the first row, that just renders black...

Note #2: icons courtesy of Glyphicons. All licensing and usage should be consulted via their website. Same icons are used in Twitter Bootstrap library.

share|improve this question
Opens just fine for me. What version of Photoshop are you using? – Scott Mar 2 '12 at 9:00
@Scott: I'm using Photoshop Extended CS5 = 12.0.4 x64 – Robert Koritnik Mar 2 '12 at 9:49
I am using the same version as you, can open the image above with transparency. – Caspar Kleijne Mar 2 '12 at 10:00
@CasparKleijne: It opens with transparency on my machine as well, but all colors are simply dark gray (#333)... I'm sorry I invalidly refered to transparency while I should refer to colours... :) – Robert Koritnik Mar 2 '12 at 10:58
@Farray: Thanks for the duplicate closing. It actually is the very same problem very well explained in the linked answer. Thank you. – Robert Koritnik Mar 5 '12 at 14:30

marked as duplicate by Farray Mar 2 '12 at 16:31

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

1 Answer

up vote 0 down vote accepted

If you open it in Preview and save it anew, this new file seems to work fine. I've attached a "fixed" version here for you:

http://dl.dropbox.com/u/6296963/fixed-glyphs.png

And for future reference this is the image here:

Converted Glyphicons

Hope that helps!

share|improve this answer
Thanks! This obviously worked for you (likely on a Mac). But it should be pointed out that file size is now almost 3 times larger... And that is just because PNG got converted from 8-bit indexed colour to 24-bit one... As it seems. – Robert Koritnik Mar 2 '12 at 13:33
Interestingly enough when I open it in Photoshop and re-save it using Save for Web and Devices and save it to 24-bit PNG its size becomes smaller by about 31%... From 14,5k to 10k. – Robert Koritnik Mar 2 '12 at 13:37
Oh yeah, I never noticed the file size! Well, if PS fixed it, I guess it's no biggie, right? Thanks for attaching the image to the reply, I didn't have the necessary privileges to do it myself :) – Heroes182 Mar 2 '12 at 14:03

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