October 11, 201510 yr I can't find any specific information that tells me whether or not Android understand the media query (min-resolution:dpi) ? As well, I was informed that for all of Android hdpi, including retina 3, one must use to keep sane, across the board x2 images ?
October 11, 201510 yr If you're using responsive images http://alistapart.com/article/responsive-images-in-practice along with the picturefill polyfill: http://github.com/scottjehl/picturefill Then you can let the browser decide which image to serve up to the device. This a lot smarter than user agent / device sniffing to decide what image to serve. The browser is in a better place to make that decision. Edited October 11, 201510 yr by rbrtsmith
October 11, 201510 yr if it's just a background image i'd probably just serve up the 1x version as a background is supposed to be just for decorative purposes. If it's a pattern then look into SVG for ultra sharpness. Of course there's occasions when you may want to serve a 2x background. you *can* use media querys for media resolution. The browser support can be seen here http://caniuse.com/#feat=css-media-resolution
October 11, 201510 yr Author if it's just a background image i'd probably just serve up the 1x version as a background is supposed to be just for decorative purposes. If it's a pattern then look into SVG for ultra sharpness. Of course there's occasions when you may want to serve a 2x background. you *can* use media querys for media resolution. The browser support can be seen here http://caniuse.com/#feat=css-media-resolution The image to which I want to use is not for decorative purpose, as I mentioned; to cover all of Android hdpi, I was informed to create a 2x image which will cover all of Android hdpi, anyone have such experience ? Do you have complete control over colorizing SVG images with CSS, or must you let a vector based program do most of the lifting before bringing it into the code ? Android does not appear to support the MQ (min-resolution:dpi) as I was unable to find anything related to support it ?
October 11, 201510 yr According to the Caniuse link I posted above Android does support resolution based MQ. Regarding the SVG if it is in a background image it cannot by styled via CSS.
October 11, 201510 yr Author I was using the wrong search with CanIUse; good to know. rbr - I assume have never used 2x images when it comes to background images to cover all of hdpi Android resolutions with MQ ?
Create an account or sign in to comment