Consider using the img tag’s srcset property for this purpose. It has many advantages over what you are suggesting.

https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageEl...

I didn't realize srcset could select for "pixel density", thanks for the tip!