I recently tweaked a theme so that it used white text on a dark background for the block headers, and I noticed that part of the background seemed to show through the up-pointing triangle on the shopping cart block (bullet-arrow-up.gif). I opened it with Photoshop, and sure enough, there was a transparent pixel right there in the middle of it. I also noticed that the triangle wasn't perfectly symmetrical and it had more colors than it needed to have.
So I tweaked bullet-arrow-up.gif and its cousin bullet-arrow-down.gif to be perfectly symmetrical and to have only four colors (and no transparent bits in the middle). The result is that the images are now about 62 bytes in length, as opposed to 109 bytes or so for the original images. That doesn't sound like much, but every little bit helps (hyuck hyuck).
| Attachment | Size |
|---|---|
| bullet-arrow-down.gif | 62 bytes |
| bullet-arrow-up.gif | 62 bytes |
Re: Improvements with bullet-arrow-up.gif and bullet-arrow-down.
Thank you very much! Every little bit does help, and graphic design is not my expertise by a long shot. I don't suppose you made any improvements to the shopping cart icon, too?
Re: Improvements with bullet-arrow-up.gif and bullet-arrow-down.
No. The cart icon is definitely more complex, and it's going to be tough to get something like that to look good on both dark and light backgrounds. In my case, I just used CSS to hide it completely.
Perhaps I'll poke at it later, but truth be told, I'm not a graphic artist either; just a little OCD.
Re: Re: Improvements with bullet-arrow-up.gif and bullet-arrow-d
Alrighty... committed these images to the D5 and D6 branches. Thanks!