How to set up retina images on a responsive theme?

Technical Q&A
1

Hi guys,

Couple of questions:

I have a responsive theme, however I also would like my images to be served depending on the device resolution. If anything I would at least be able to set this up for the product page image uploads.

  1. How and where would I make these edits in the theme?

  2. Whenever I upload 1x and 2x images to my files they get appended with different numbers under the FILES section, so I wouldn’t even know how to save and upload the files for retina support. Any help is much appreciated.

Thanks!