When a user uploads an image to be displayed on a webpage, we need to make sure that the image has the following:

• Fits correctly into a fixed height and width container without overflowing or any blank space.
• Displays in full image resolution (without shrinking or expanding image using CSS width and height).
• Image displayed is not skewed or distorted and keeping image ratio.

We got this blog from kennykee.com for blog more information Click Here