Hey @dantz that’s a good idea actually.
Are you using WP’s image sizes for your Retina support? If so, then this is already on the roadmap: I’ve been planning to add image-size options and/or WP filters. That would let thumbnails be set to 50% compression while full-screen images get set at 95%.
OTOH, the plugin is a side-project for me and my roadmap doesn’t have any specific dates. Would you or your client be interested in sponsoring the development of that feature?
Unfortunately it’s not that big of a budget. It’s only a single photographer. But I’m looking forward to that update of your plugin.
Understood, that speedup for budget is why most WP projects are using plugins after all.
I’ll let you know when it’s updated. Do you mind beta testing a bit when I get it that far?
* https://github.com/mbijon/WP-Resized-Image-Quality/issues/4
I’d also love to see something like this. We’re looking to introduce Low Quality Image Placeholders on an upcoming project (read more here), and this feature would be super helpful.
Hey @casey,
thanks for digging this up again. I haven’t put much time into RIQ lately, but I definitely mean to.
Interesting post you have on LQIP (http://www.guypo.com/feo/introducing-lqip-low-quality-image-placeholders/). The loading timelines that show Fios being slow than DSL are a bit odd, but regardless of connection speed this fits the principles of front-end/percieved performance nicely.
THOUGHT on LQIP:
…I am curious if anyone has done selective LQIP for different responsive layouts. One responsive site I built for a client had a responsive breakpoint placed in-between the typical iPad portrait & landscape screensizes. Image quality is important to this client even though they have some corporate load time requirements too.
Thus, the client asked that we NOT show the higher-res images on the portrait-sized layout AND not show the low-res images on the landscape layout. As a result, changing orientation appears to reload the page b/c higher-res images load. …seems like a case where LQIP could async load the higher-res images, but not show them. Meeting client-request while still preventing the landscape layout from showing w/o any image at all.
