This plugin does two things: it creates the image files required by the High-DPI devices and it 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. The concept of retina images for full-size images is also a very unique feature which is only provided by this plugin (which is why it became unique). More information and tutorial available on the official website.
It supports different methods to serve the images to your visitors. Why? Depending on the theme and plugins you are using (and also the way you use images in your website), not all the methods can work. Ideally, I would recommend using the Responsive Images method, then if it doesn’t work, the PictureFill method (which covers normally most cases). Retina.js should be the fallback method. There are more methods than this with their specific options.
With a well-made theme and website, this plugin doesn’t require normally any specific set-up. All the defaults settings are fine. Works with multi-site and many kinds of installs.
WP has support for Responsive Images and this plugin handles this nicely by adding the retina images in the src-set created by WordPress. The HTML for the images not handled by WP 4.4 (outside posts) will also be handled by the plugin (pick “Picturefill” method for this). The plugin also provides an option to disable the ‘Medium Large’ created by WordPress which is actually not useful (it’s a hack basically), this plugin does it better.
The plugin is very fast and optimized. It doesn’t create anything in the database.
The Pro version adds support for Retina for full-size, support for lazy-loading for your responsive images and various options. And it supports my work 🙂
The plugin cannot inject CSS to handles the images added through CSS, that’s both too dangerous and potentially very incorrect. However, in its Pro version and with PictureFill, you get an option to replace the inline CSS background image by their retina equivalent.
Quick and easy installation:
Users, you will find the FAQ here: https://meowapps.com/wp-retina-2x/faq/.
Developers, WP Retina 2x has a little API. Here are a few filters and actions you might want to use.
Make your website look beautiful and crisp on modern displays by creating and displaying retina images. WP 4.4+ is also supported and enhanced.View Cart
Search & Replace data in your database with WordPress admin, replace do...
WooCommerce AJAX Product Filters - Advanced product filtering ability for y...
Flexible button creator allowing you to stick floating buttons to the side ...
YITH WooCommerce Catalog Mode, a plugin for disabling sales in your e-comme...