Advertisement


Edit a png file that cannot be edited


Question

Is it somehow possible to edit the color of something that's in a .png file that cannot be edited?

I'm trying to change colors of icons in a .png file that's used as a .css sprite. The originals are from Twitter Bootstrap.

A guy who did manage to change the color (See attachments. White and Black are Originals, Blue is the edit), said he did it using GIMP.

But how is this possible? Does anyone know the procedure? I'd like to create some 2 more colors in all.

Would really appreciate some help on this.

Original Black

Original White

Edit Blue

2014/06/16
1
0
6/16/2014 5:01:00 AM

To be honest, I'm not quite sure what your problem is. At least in my download of bootstrap, there is no .png file, just font files (as .ttf, .woff, .svg and .eot).

So here are some ideas:

1: If you literally want to change the picture you have uploaded, open it in Photoshop, set Image -> Mode to RGB and color it using a Hue/Saturation Layer with colorize turned on.

Should your .png file literally be blocked (and to be honest, I've never heard of that) just download the version from your post here. I can open, edit and save it just fine.

2: Should you want higher resolution, just install the font glyphicons-halflings-regular.tt), create a new Photoshop document, insert all icons in the size you want them in and just set the text color.

3: If you want to use it in a website, don't change anything - just set the css-color-property where ever changes are necessary.

I hope this helps.

2014/06/16
5
6/16/2014 5:25:00 AM