A note on HiDPI screens: HiDPI (High Dots Per Inch) displays, also known by Apple's “Retina Display” marketing name, are screens with a high resolution in a relatively small format. What this essentially means is that more detail is placed into each physical pixel on the screen. In a more practical sense, this means that images might appear blurry on HiDPI devices unless this is accounted for.
To combat this, "Retina-ready" images are often produced at double their intended size, and then halved in the browser so that they appear crisp on all screens. For example, if you wanted an image to look clear at 120x600 on a HiDPI screen, you would need to use an image that was actually 240x1200 and then halve its dimensions in the browser, which can be done by setting the
height attributes of its
<img> element like so:
<img src="/path/to/240x1200.png" width="120" height="600"/>
The following banners are HiDPI-ready and meant to be halved in their final output. All images in the packages below have been compressed and had their filesize reduced as much as possible while still maintaining image quality.
See something inaccurate? Let us know