I’m using the Smush Image Resize Detection feature, which is really cool, but maybe could be better?
That front-end widget says my 3872x2592px image should be resized to 320x214px. Fair enough.
What about a back-end/FSE version of this that not only tells us which images are too large, but also provides a button to swap in a smaller image that has already been smushed?
In Gutenberg blocks, we’re missing some versatility:
In the Image block we have the option to change the resolution of an image. But the resolutions offered are the default thumbnail, medium, large, and full. Smush has up to (?) eight images sizes, which are nicely shown in the block settings as Smush Stats. Why aren’t all of those image sizes shown in the resolution dropdown?
Also for the Image block and those Smush Stats, We see the size ID and the file sizes. Why aren’t the WxH sizes shown so that we know which one to pick?
For the Media & Text block, we are offered the same resolution options – but there is no addition area for the Smush Stats.
For Cover blocks there is no resolution, no stats, and no apparent way to select the best smushed image file.
Same for Featured Images.
Summary, please integrate with more with Gutenberg blocks in the site editor, to help us identify and use smushed files that suit a specific page elements.
Until then, please describe here how we might use a smushed image for a Cover block or Featured Image. That is: Smush Image Resize Detection tells us an image is too big for a cover block or a featured image. OK, how do we change them?
