Implemented Add dimensions to [IMG] tags upon saving

[Kirby]

Currently, images embedded via [IMG] do not have dimensions unless the user has explicitly specified them (who does that?).

This might cause layout shifts which seems bad for web vitals CLS and does't exactly help lazy loading.

I therefore suggest to set image dimensions upon saving if not explicity specified by the user.

 

[arn]

It seems it could be relatively easily enabled for proxy'd images, since those images are pulled down anyway.

 

[briansol]

FWIW, I wouldn't say that 2.2 fully addresses CLS issues, but we have attempted to resolve them where viable. It's not really possible for us to prevent it with embedded content (images or other external content) that doesn't have known dimensions beforehand.

we really need a tool that can fix the lack of dimensions on external images.

If using the image proxy, have a tool that rebuilds all the images in the image_proxy table by grabbing the image and obtaining it's dimensions with gd or imagik. Alter the db table for image_proxt to store H and W like attachments table does. It will be a big one-time effort, then a 15 min cron could keep everything up to date, or even on post, fire off the lazy command to update the db for the new images.

 

[Jeremy P]

Image sizes are tracked in 2.3 when using the image proxy:

https://xenforo.com/community/threa...d-image-resizing-and-more.217014/post-1650362