{"id":299,"date":"2008-05-12T19:30:22","date_gmt":"2008-05-12T17:30:22","guid":{"rendered":"http:\/\/www.nivas.hr\/blog\/?p=299"},"modified":"2008-05-12T19:44:14","modified_gmt":"2008-05-12T17:44:14","slug":"optimize-your-logos-for-screen-please","status":"publish","type":"post","link":"https:\/\/www.nivas.hr\/blog\/2008\/05\/12\/optimize-your-logos-for-screen-please\/","title":{"rendered":"Optimize your logos for screen please"},"content":{"rendered":"<p>Goddamn, some things just throw me right off my balance. One of them is <a href=\"http:\/\/www.current.com\/\">Current.com<\/a> website, that no matter how good the idea is, and no matter how cool videos they have, details in execution just piss me off.<\/p>\n<p><a href=\"http:\/\/i.current.com\/images\/barca\/white\/logo-beta-tagline.gif\">The logo<\/a> &#8211; main visual identification on the site &#8211; is deployed to website so poorly that i spontaneously started to cry. The logo represents pixels, and there is no reason why designer didn&#8217;t give that half an hour extra effort to make it look superb.<\/p>\n<p>This is Current.com logo now:<\/p>\n<p><img src=\"http:\/\/www.nivas.hr\/pub\/blog-images\/current-as-it-is-now.gif\" alt=\"Current logo now\" \/><\/p>\n<p>As you can see, it looks blurry, and really unprofessional. Photoshop says this about it &#8211; 18 colors palette inside 1 kilobyte:<\/p>\n<p><img src=\"http:\/\/www.nivas.hr\/pub\/blog-images\/current-ps-export-as-it-is-now.gif\" alt=\"Current logo now\" \/><\/p>\n<p>And behold now, with just 10 minutes of clicking, i made this:<\/p>\n<p><img src=\"http:\/\/www.nivas.hr\/pub\/blog-images\/current-daemon.gif\" alt=\"Current Daemon\" \/><\/p>\n<p>Photoshop says &#8211; 4 colors palette inside 600 bytes:<\/p>\n<p><img src=\"http:\/\/www.nivas.hr\/pub\/blog-images\/current-ps-export-daemon.gif\" alt=\"Current Daemon\" \/><\/p>\n<p>For easier comparison and evaluation, here are the two logos together:<\/p>\n<p><img src=\"http:\/\/www.nivas.hr\/pub\/blog-images\/current-as-it-is-now.gif\" alt=\"Current logo now\" \/><br \/>\n<img src=\"http:\/\/www.nivas.hr\/pub\/blog-images\/current-daemon.gif\" alt=\"Current Daemon\" \/><\/p>\n<p>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.<\/p>\n<p>And also, as a side note, Current.com base-font is Helvetica. Can you designers working on Mac please take your <a href=\"http:\/\/www.nivas.hr\/blog\/2008\/02\/28\/browser-font-rendering-and-antialiasing-windows-vs-mac\/\">head out of the sand<\/a> and realize that 95% of users are on Windows, and most likely <a href=\"http:\/\/www.nivas.hr\/blog\/2008\/02\/28\/browser-font-rendering-and-antialiasing-windows-vs-mac\/\">do not see Helvetica properly<\/a> in their browsers? <a href=\"http:\/\/www.nivas.hr\/blog\/2008\/02\/28\/browser-font-rendering-and-antialiasing-windows-vs-mac\/\">Read more about that in this post.<\/a> I am sure that if base font was Arial, site would have at least 10% more visitors.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Goddamn, some things just throw me right off my balance. One of them is Current.com 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 &#8211; main visual identification on the site &#8211; is deployed to website so poorly&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/posts\/299"}],"collection":[{"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/comments?post=299"}],"version-history":[{"count":0,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/posts\/299\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/media?parent=299"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/categories?post=299"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/tags?post=299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}