SEP 6: Insert image dimensions into figures at build time
Image pop-in can cause jarring layout shift during page load.
This can be avoided by specifying the height and width of each image inside the
img
element.
Example: img src="example-image.jpg" width="500" height="600"
Doing this manually would be tedious and brittle/error prone. The only viable option would be to do so in the build pipeline. This would require that each image referenced in the content be looked up at its source, its dimensions computed, and then inject those dimensions into the output markup.