I read the same Filament article as Peter, but went a slighty different
route. For JPEGs, I've parked Photoshop and now use:
https://compress-or-die.com/jpg
for compression. However, I really like the technique of loading in low
quality or blurred images as placeholders, and loading the full fat
images in later. The method I really like is creating a low polygon SVG in:
https://www.geometrize.co.uk/
All SVGs then go through:
https://jakearchibald.github.io/svgomg/
to make them as small as possible.It's all pretty manual, but it'll get
you the speedy mobile experience without sacrificing the visuals.
Rowan
On 02/05/2019 14:43, Tom Livingston 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?
______________________________________________________________________
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/
