What methods are generally used to prevent the picture from deforming when displaying the picture in the E-commerce Website list page?

  node.js, question

I would like to ask, in the product list page similar to e-commerce, how do you usually prevent the picture from deforming? However, when I looked at Tmall Jingdong, I found that the original size proportions of the pictures are all the same. Is it the uniform size proportions of the pictures uploaded backstage?

If you can ensure that the size proportion of uploaded pictures is consistent with the size proportion of the display area, it is naturally the best policy (through technology and management system).
If this cannot be guaranteed, the picture can be presented as a background map of the display area. Setting the background-size value to cover can completely cover the display area and display as much picture content as possible without distortion.