Retina Images and Jetpack Tiled Gallery Compatibility

johdburr
(@johdburr)

8 years, 9 months ago

Hello Stefan,

I am looking for any solution to combine responsive images and Retina images. Your plugin looks promising.

Now, as I know that there are some conflicts between the functionality of WP Retina 2x Plugin and the way how Jetpack handles the Retina image problem in tiled carousel galleries (generating the appropriate thumbnails via Photon and a scale-argument, even if you didn’t activate Photon separately!), I am wondering how your plugin solves this issue?

The incompatibility between Jetpack Carousel and probably any other Retina Plugin, if activated both, is described here:
https://wordpress.org/support/topic/jetpack-always-adding-scale-to-image-urls-on-retina-devices
https://wordpress.org/support/topic/image-sizing-conflict-with-wordpress-jetpack
There seems to be no solution yet other then deactivate one of them…

Did anybody run into this problem also with Responsify WP when using the Retina functionality of the plugin?

And does the Retina image that is served by the plugin only load when there is a Retina display?

And is the plugin compatible with EWWW Image Optimizer?

Thanks for any advice on that!

https://wordpress.org/plugins/responsify-wp/

Viewing 4 replies - 1 through 4 (of 4 total)

Plugin Author stefanledin
(@stefanledin)

8 years, 9 months ago

Hi johdburr!
The difference between the plugins is that WP Retina is doing some kind of URL rewrite. With RWP, you need to add custom image sizes that is “retina” versions. For example, if medium is set to 300×300, you’ll need to create a custom size called medium@2x which is 600×600. So RWP isn’t doing any URL rewrites, it just looks for regular image sizes.

However, I’m afraid RWP and the Jetpack Carousel isn’t compatible either. Jetpack just has it’s own way to handle the images. I don’t know any solution to this at the moment I’m afraid.

I haven’t tried the EWWW plugin, but I don’t see any reason to why they shouldn’t be compatible.

I hope you find RWP useful anyway 🙂

Thread Starter johdburr
(@johdburr)

8 years, 9 months ago

Thanks, Stefan, for coming back to me!
I think, I’ll just try out…
This Jetpack issue is really odd, I like the tiled galleries…

One question: Is there any option in RWP to use the src-fallback inside of the img-tag instead of polyfill? When I’m locking through your plugin manual on github I got the impression that RWP doesn’t use at all “src” for older browsers, even if it should in terms of code validation. Or am I missing some point?

Plugin Author stefanledin
(@stefanledin)

8 years, 9 months ago

RWP is generating “Picturefill markup” per default, which leaves the src attribute out. You can however enable the Native mode (turn Picturefill off) in the RWP settings. The generated markup will be the correct and official one then.

Thread Starter johdburr
(@johdburr)

8 years, 9 months ago

Good to know!
Thanks a lot! I will test it out right now.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Retina Images and Jetpack Tiled Gallery Compatibility’ is closed to new replies.

Tags