WordPress.org

Plugin Directory

WP Retina 2x

Make your website look beautiful and crisp on modern displays by creating and displaying retina images. WP 4.4+ is also supported and enhanced.

This plugin creates the image files required by the High-DPI devices and displays them to your visitors accordingly. Your website will look beautiful and crisp on every device! The retina images will be generated for you automatically - though you can also do it manually - and served to the retina devices.

From version 4.4, WordPress has support for Responsive Images. WP Retina 2x handles this well and nicely adds the retina images in the src-set created by WordPress. The HTML for the images not handled by WP 4.4 will also be handled by the plugin. Moreover, the plugin also has two options specific to WP 4.4+. One is to disable the Responsive Image support, the second one is to disable the additional image size called Medium Large.

The concept of retina for full-size image is a feature that only exists with this plugin and can't be simulate easily without it.

It supports different methods to serve the images to your visitors, for instance: PictureFill (future HTML standard + its JS polyfill), Retina.js (JS only), IMG Rewrite (on-the-fly HTML rewrite) and Retina-Images (server handler). A lazy-loading option is available as well. Pick the one that works best with your hosting and WordPress environment. Multi-site are also supported.

The plugin is very fast and optimized. It doesn't create anything in the database. In most cases, it doesn't even require any configuration. More information and tutorial available one http://apps.meow.fr/wp-retina-2x/.

PS: The plugin cannot add retina support to your CSS, and therefore your CSS background images. If your themes are using them heavily, you can contact the theme author and kindly ask him to use WP Retina 2x API to add retina support to those background images (that is possible this way). Please note that a few gallery and slider plugins are using CSS background images as well.

Quickstart

  1. Set your option (for instance, you probably don't need retina images for every sizes set-up in your WP).
  2. Generate the retina images (required only the first time, then images are generated automatically).
  3. Check if it works! - if it doesn't, read the FAQ, the tutorial, and check the forums.

Requires: 3.5 or higher
Compatible up to: 4.4.2
Last Updated: 3 weeks ago
Active Installs: 100,000+

Ratings

4.9 out of 5 stars

Support

12 of 30 support threads in the last two months have been marked resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

1 person says it works.
0 people say it's broken.

100,1,1 100,1,1 100,1,1 100,1,1
100,1,1 100,1,1 100,1,1 100,1,1
100,1,1 100,1,1 100,1,1 100,1,1 100,2,2 100,1,1 100,6,6 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1
100,2,2 86,7,6 100,1,1
50,2,1 67,3,2 100,1,1 100,1,1 100,2,2 100,1,1
100,2,2 100,1,1 100,1,1 100,5,5
75,4,3 100,1,1
100,1,1 100,1,1 100,2,2 100,1,1
100,3,3
50,2,1
100,2,2
100,1,1 100,1,1 100,1,1 100,1,1 100,1,1
100,3,3
100,1,1
100,1,1 100,1,1
100,1,1 100,1,1 100,2,2
100,1,1 100,1,1
50,2,1 100,3,3 100,1,1 100,1,1
100,1,1 100,1,1 100,1,1 100,1,1
60,5,3 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1
100,1,1 100,1,1 100,2,2 100,1,1 100,1,1 100,2,2 100,1,1 100,1,1 67,3,2 100,1,1 100,1,1
100,1,1 100,1,1 100,1,1
100,1,1 100,1,1 100,1,1
100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1
100,1,1 100,1,1 50,2,1 100,1,1
100,1,1 100,1,1
100,1,1 100,1,1 100,1,1
100,1,1 100,1,1 100,1,1 100,2,2 100,1,1 100,1,1 100,1,1 100,1,1
100,1,1 50,2,1 50,2,1 100,1,1
100,1,1 100,1,1 100,2,2
100,1,1