PUBLIC MARKS with tags "Media Queries" & retina

To optimize for high-resolution screens, you have to add a reference to a larger image asset within a specific media query. So for every image asset you have at a normal resolution (or @1x) you have to add a high-resolution version (@2x). This means double the amount of files, and double the amount of selectors and file references in your CSS.