> On 2 May 2019, at 15:43, Tom Livingston <tom...@gmail.com> wrote: > > List, > > I am looking for thoughts on using CSS to deliver 2x resolution > images. I remember when it was all the rage on how to deliver high-res > images to devices with a nice screen, but my thoughts are that it > seems like we are punishing mobile users on cell service when we > deliver heavier images to them because they have a nice screen. Am I > missing something?
Tom, I use a convention of JPEGing images to 2 or even 3x the max width that they're likely to appear on the screen, with very heavy compression, say '20' quality in Photoshop. I try to keep images and pages to a certain max kb depending on the amount of stuff on a page (and the size of image of course). With just a single image it's much faster than making a srcset and in practice it's hard, or often impossible, to notice the artefacts after the image is shrunk by the browser, and you're usually sending less kb than a higher quality image at a smaller size. The technique came from an article in Filament Group blog: https://www.filamentgroup.com/lab/compressive-images.html The article is over 6 years old so I don't know if there are arguments against this technique now, but it still seems valid to me. Regards, Peter ______________________________________________________________________ css-discuss [css-d@css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/