Retina

Hi!
No, I’m afraid it’s not possible at the moment. But it definitely sounds like a feature that I should add.
How are you working with high resolution images today? As a user of the plugin, how would you like it to work?

Hello,

Maybe using device pixel ratio detection associated to your screen detection?

That detection happens on the client-side, so the plugin doesn’t know anything about the screen when the markup is generated.
Are you using any plugin, like WP Retina 2x, that handles retina images?

Just wanted to see if there was any plans for adding retina support in the future.

Yes there is! But I still don’t know how to do it really. I guess that if you have a thumbnail.jpg that is 150px and a medium.jpg that is 300px, medium could also be used as thumbnail 2X.
How/are you working with retina images today?

For those of you who’s interested, I’m working on a solution right now which will look for image sizes with the @2x suffix in the name.
For example, if an image size named medium@2x is found, that image will be paired together with the regular medium.
It will also work with names like [email protected] or medium@3x if there’ll be such a thing in the future.
The downside with this solution is that you’ll need to add these image sizes manually.

Follow up questions regarding image dimensions to upload:

I need to use images for full background (100% browser width). What resolution/dimensions should I upload using the regular WP upload? Will the plugin downsize these for mobile?

Then for uploading for retina, do I keep the same name, but just add the @2x in there for each of the original size names? What dimensions should I use for those? Manually create image files at twice the defined thumbnail, medium and large dimensions specified in the WP dashboard? ex, if my thumbnail is set to 200px x 300px, should I upload thumbnail@2x as 400px x 600 px ?

Sorry, new to this. Just installed your plugin today.

Hi yn2k!
No, RWP won’t resize any images by itself. It will use the different image sizes that WordPress generates when you upload an image. In other words, you don’t have to upload different versions of the image, just the large original.

In order to enable retina images, you’ll have to add custom image sizes. So, if thumbnail is set to 200x300px, you should add this image size:

add_image_size( 'thumbnail@2x', 400, 600 );

You can read more about it in the RWP documentation.