I have a slide show that shows logos of different dimensions working well in HTML/CSS - the image output looks like below. I'd like to only upload one retina/hdpi image once for the entry where the asset is. I'd like to use image transforms to output the retina images but need to preserve the width and height of the original as they vary in look and dimensions. I can't find an example. I have read this post 10 times but not really seeing if this holds a solution.
[image tag srcset01] srcset=" /assets/images/logos-sponsors/company1_logo.png 1x, /firstname.lastname@example.org 2x, /email@example.com 3x" alt="company1_logo" width="130" height="12"> [image tag srcset01] src="/assets/images/logos-sponsors/company2_logo.png" srcset=" /assets/images/logos-sponsors/company2_logo.png 1x, /firstname.lastname@example.org 2x, /email@example.com 3x" alt="company2_logo" width="52" height="30"> [image tag srcset01] src="/assets/images/logos-sponsors/company3_logo.png" srcset=" /assets/images/logos-sponsors/company3_logo.png 1x, /firstname.lastname@example.org 2x, /email@example.com 3x" alt="company3_logo" width="130" height="11">
The goal is to have the image uploaded once and then