> 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/

Reply via email to