AppStrap is retina (High Definition) ready (as of version 2.0) and all images provided with the theme are also offered with a retina version.
To make your own images retina ready you just need to think double sized & appended @2x
to the filename.
Here’s an example:
- Standard definition size: 310px wide X 410px high
- High definition size: 620px wide X 820px high
- Standard definition filename: my-image.jpg
- High definition filename: my-image@2x.jpg
Place both images in the same directory and the Retina.js plugin http://retinajs.com/ will automatically swap in the high definition version on device which support retina display.
NOTE: This is totally optional, if the plugin does not find a retina version of any images, the standard definition image is left.