Hello – Seems there’s an odd behavior with the way Jetpack is implementing its “Retina Readiness” capabilities: it ALWAYS modifies image URLS and includes a “scale=” attribute on ALL images that are delivered to retina devices (e.g. iphone 5S, iPad Air, etc).
Jetpack does this even if no modules within Jetpack are activated. Meaning, if you only install the Jetpack plugin and activate it and do nothing more (i.e. do not enable any Jetpack modules, do not connect to your wordpress.com account), then all image URLs delivered to retina devices are modified with the “scale=” attribute.
I understand Jetpack retina-fies it’s own icons as well as tiled image galleries etc. But across-the-board modification to all image URLs (even your own images inside your posts) on retina devices seems rather invasive: without Photon or Tiled Galleries enabled, the images displayed on the retina device won’t be true retina anyway (i.e. 2x normal resolution).
Meanwhile, such across the board URL modification can cause conflict with other plugins (e.g. the “Retina 2x” plugin for example).
Is there any way to prevent Jetpack from making such across-the-board modifications to image URLs on retina devices? Or perhaps, only allow Jetpack to do this on it’s “own” images (e.g. UI icons, etc).
To see this behavior in action, try this:
1. Turn on your favorite browser developer tools to be able to inspect elements on mobile responsive and retina devices (e.g. in Firefox: go to about:config and set layout.css.devPixelsPerPx=2 and also turn on responsive design view and set size to phone display size)
2. Disable Jetpack plugin altogether. Browse your post with any image on it and hit “Inspect Element” on the image: you will see the pure image URL as you would expect.
3. Now Activate Jetpack plugin (disable all Jetpack modules, disconnect from wordpress.com i.e. install a pristine and activated Jetpack plugin and nothing more). Browse the same post image and hit “Inspect Element”: now you will see that the image URL has been modified by Jetpack to includes a “scale=” attribute.
Does anybody have any ideas on how to suppress such across-the-board image URL modification by Jetpack? Is there a CSS trick that might prevent this?
Thanks in advance.
- The topic ‘Jetpack Always Adding "Scale" to Image URLs on Retina Devices’ is closed to new replies.