This will hopefully be the last piece of this appeal!
I've adjusted high_res_img to allow for a variable scale (defaults to 1.5x) and a tuple of alternate formats (ordered by tuple position, so if you have ('avif', 'webp'), the browser will pick 'avif' first.)
I've also went ahead and converted the images where it made sense (at a small file size of 10kb~ webp wins out over avif) and applied image sets to the background images so they can fall back gracefully as well.
You can't really tell the difference in photos but here they are anyway. Overall a image transfer reduction (no network compression) of 32% (1.25mb -> 403kb~)
This will hopefully be the last piece of this appeal!
I've adjusted
high_res_img
to allow for a variable scale (defaults to1.5x
) and a tuple of alternate formats (ordered by tuple position, so if you have('avif', 'webp')
, the browser will pick 'avif' first.)I've also went ahead and converted the images where it made sense (at a small file size of 10kb~ webp wins out over avif) and applied image sets to the background images so they can fall back gracefully as well.
You can't really tell the difference in photos but here they are anyway. Overall a image transfer reduction (no network compression) of 32% (1.25mb -> 403kb~)
Before:
After: