So I've decided to detect the browser user agent and serve up special icons per device. I'm not sure about the sizing, but I've sized our logo for the iPhone (top left) and iPad (right) so that there are no blurry edges. This does leave the logo at very different sizes per device, so I may have to abandon crisp edges for better sizing. I guess thats what you get with an angular icon.
I've also included the iPhone4 rendering here mostly to point out how much it currently sucks. Regardless, because I can't seem to detect if an iPhone has a retina display from the browser, it's going to be using the smaller 57x57 icon for now.
L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2016 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.