Hey Zhiwan,
The server-side requires a rewrite rule. I never used nginx, but it could be something like this:
rewrite ^/(.+.(?:jpe?g|gif|png)) /wp-content/plugins/wp-retina-2x/wr2x_image.php last;
I cannot test it, so let me know when you find a solution, and I will add it to the FAQ.
You know that there is the HTML Rewrite mode as well, right? This one might work better for you 🙂
Thread Starter
zhiwan
(@zhiwan)
I will fiddle around with the rewrite rule and let you know.
Could you elaborate on the HTML Rewrite mode? What exactly does it do in comparison to the client/server mode?
It rewrites the HTML before sending it to the client, it replaces the images by retina images if required (and available). The best method 🙂
Thread Starter
zhiwan
(@zhiwan)
So I switched to the HTML Rewrite. I can serve the retina images under test mode, but when switched off, the images stopped serving retina on my iPhone 5. It makes me think there’s a media query or function that isn’t properly detecting retina display. Do you have any ideas?