Html Image Resize Preserve Aspect Ratio. To preserve the aspect ratio all you need to do is set the height and width css properties as shown myselector width. The extra 50 pixels of the height need to be padded with a white background color.
To preserve the aspect ratio all you need to do is set the height and width css properties as shown myselector width. So you have placed an image on your webpage and decided to resize it a little. To maintain the aspect ratio of images in css the easiest way is to manually set the width of the image and the height to auto.
Optionally to restrict oversizings.
Welcome to a beginner s tutorial on how to keep the aspect ratio of an html image. Convert a 150 100 image into a 150 150 image. The extra 50 pixels of the height need to be padded with a white background color. Img src big image jpg width 900 alt style max width 500px.