(Warning: I’m no pro- I got a Retina display and wanted to find the quickest way of retinizing all the images on my page without any extra work. This is highly inefficient.)
Sure, you could use CSS and set the width or scale to 50%- but this is glitchy at best. CSS image resizing is relative to the parent container’s size- breaking most layouts…Unless you’re looking to do some hacky wrapping for every image…
This uses way more bandwidth- double actually, so use CSS instead of images when possible. It does however, deal with all screens at once without having to export extra images or anything. If efficiency and compatibility is a must, this might not be the method for you.
LOOKING FOR BETTER/MORE METHODS?:
If you’d like to do something more _not-lazy_ and actually put some effort into it, you can specifically target retina displays with different images. Read more about that here.
Also, check out this flowchart here by @thomasfuchs for picking a method.
Questions? Comments? Improvements? Was I wrong? I’m no pro, so let me know how I can improve this.
Yes, I know this website isn’t optimized for Retina displays.
Let me know here.