So here is what I know so far, on iOS devices with retina display it will pick up retina images marked by the “@2x” suffix automatically (without any coding needed, assuming the new chrome does this too). If I am wrong on that please let me know. I will be working on a new site soon and will be trying to support retina display for the macbook pro. The only issue I have is I don’t want to use @2x suffix, instead I want to use something that I define. I know I can call the image with media queries or js. The @ sign has given us some trouble in command line. Anyway, the point I want to avoid the @2x.
I want to confirm if it is ok for me to name my retina images using a different suffix and implement it with media query or js. In theory it should work just as it did before for all devices but I am not an expert on this topic so I would like some assurance.
Thank you
Browsers don’t have any “auto-magic” support for asset swapping by display DPI like iOS does. So whatever “standards” you may think exist around this are nothing more than loose conventions. If you want to structure your multi DPI support differently than other people do, well that’s entirely up to you.