<img>

the <img> html element embeds an image into the document. use both width and height to set the intrinsic size of the image, allowing it to take up space before it loads, to mitigate content layout shifts.

object-fit

please compare it with the original image.

original

original

original

lazy loading

please scroll down. you can check lazy loading with chrome developer tools and so on.

browser support