Resize Image Html Button. If you use this below example that shows to preview the of resizing an image. Set only the width or the height to prevent stretching the image width.
You can also resize an image through css as shown in the examples below. If the max width property is set to 100 the image will scale down if it has to but never scale up to be larger than its original size. The max height property sets the maximum height of an element and the max width property sets the maximum width of an element.
Resize the browser window to see how the image scales to fit the page.
The max height property sets the maximum height of an element and the max width property sets the maximum width of an element. Use the css float property to let the image float to the left or to the right. To override any already present height attribute on the image. There is a better way for resizing images responsively.