Last modified: 2012-02-24 02:52:19 UTC
Created attachment 9178 [details] Screenshot showing native-sized icons (above) and hdpi android emulator (Nexus 1, Droid etc equivalent) The 'W' and search icons are .png files at a single resolution which it looks like gets normalized to mdpi (circa 160dpi, the native pixel size on the classic G1 or iPhone <= 3). On a hdpi phone like the Nexus 1 (circa 240dpi) this means the images get upscaled from their native resolution, and look a little fuzzy. SVGs would be nicest but the embedded webkit on Android < 3 won't support them. :( Can use a higher-resolution PNG, but not sure offhand best way to select a clean native-sized image.
This looks like handy relevant magic: http://www.fiveminutes.eu/targeting-hight-screen-densities-with-css-media-queries/ If we load the images as backgrounds in CSS, we can target the appropriate resolution-images by having stylesheets to switch among paths or such using media queries on the pixel density. Same magic should work for iPhone Retina display for an iOS version as long as we provide appropriate sizes.
(If we're super excited for ourselves, we could use SVG originals and create the 160, 240, and 320dpi PNGs and CSS files with the mappings from a build script. ;)
They've been bumped to a higher resolution (meaning they get scaled *down* on lower-res devices) which does look nicer, but they're still sprited which makes them harder to maintain. Closing this bug out and removing its dep on bug 32070 (spriting issue).
