WP Retina 2×

User interface for the Retina 2× plugin

Following my article on high resolution graphics for my blog, I have looked around for some plugin that would handle high DPI graphics for this blog. I have found WP retina 2×, which use Apple retina approach to the problem: have a second image at twice the resolution with the string "@2x" appended in the name before the extension, if the display is detected to be in high resolution, some javascript tries to rewrite the urls for the various images. The plugin does not generate the 2× graphics automatically for existing images, but provides a tool to do so: for each image in the image library, one can automatically generate the versions at twice the resolution.

This is particularly useful for the thumbnails, in this blog they are typically 250 pixels wide, when the thumbnail was generated from a higher resolution image, then the plugin can generate a 500 pixel wide thumbnail and substitute that on high DPI displays. Of course, this does not work for hand-optimised low palette count PNG files, which I often used.

I generated substitute images for some the thumbnails in this blog, but for many the available image just has to few pixels, or was added to the blog using an older media mechanism that the plugin does not recognise, but still, it works, and from what I saw the images do look better. Still I only do periodic checks so if you see issues, please let me know.

One thought on “WP Retina 2×”

  1. Very interesting. I once read an interview with (or a speech by) Matt Mullenweg, one of the foremost brains behind WordPress, who said that high-res displays were one of the areas where he would like to see WordPress development.

    So maybe we will see soon new features to support hi-res displays in future releases.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.