<img> tag

Setting the width and height attributes on <img> tags helps prevent layout shifts. This information allows the browser to reserve the correct amount of space for the image.

• Set the width and height attributes: The values of these attributes should be set to match the dimensions of the image itself (that is, its intrinsic size) - rather than dimensions that the image will be displayed at.

• Adjust image styling as needed: Depending on the image's existing styling, adding width and height attributes may cause the image to render differently. In many cases, this can be fixed by adding height: auto or width: auto to the existing styling.

<img width="267" height="400" src="dog.jpg">