What I was hoping to do is show my image (32x32) in other displays and 64x64 on retina displays.
My original image was 64x64 and I made 32x32 version so my idea was to show something like this
<img src="my32x32image.png" width="32" height="32" /> <!-- if regular display -->
<img src="my64x64image.png" width="32" height=32" /> <!-- if retina display -->
<picture><img src="my32x32image.png" srcset="my32x32image.png 1x, my64x64image.png 2x"/></picture>
When I load the page on my iPhone I can see that it loads 64x64 image (it is very crisp comparing to other images located right next to it which are all 32x32) but what i am confused is why is 64x64 is same size as the image right next to it which is 32x32?