Category: developers journal

Optimize your logos for screen please

Author: Daemon May 12, 2008

Goddamn, some things just throw me right off my balance. One of them is website, that no matter how good the idea is, and no matter how cool videos they have, details in execution just piss me off.

The logo – main visual identification on the site – is deployed to website so poorly that i spontaneously started to cry. The logo represents pixels, and there is no reason why designer didn’t give that half an hour extra effort to make it look superb.

This is logo now:

Current logo now

As you can see, it looks blurry, and really unprofessional. Photoshop says this about it – 18 colors palette inside 1 kilobyte:

Current logo now

And behold now, with just 10 minutes of clicking, i made this:

Current Daemon

Photoshop says – 4 colors palette inside 600 bytes:

Current Daemon

For easier comparison and evaluation, here are the two logos together:

Current logo now
Current Daemon

Why do lazy designers just get the logo in vectors, slap it into Photoshop, resize it, and think their job is done will never be clear to me. Monitors, especially LCD monitors which form majority of displays, require image optimization and tweaking in order to achieve polished feeling. Not to mention that lower filesize is an element too.

And also, as a side note, base-font is Helvetica. Can you designers working on Mac please take your head out of the sand and realize that 95% of users are on Windows, and most likely do not see Helvetica properly in their browsers? Read more about that in this post. I am sure that if base font was Arial, site would have at least 10% more visitors.