It is advised to change any one parameter, either height or width, to get a proportionate image. Changing both dimensions results in forced scaling and is not advisable.
<atitle="The image-orientation CSS property describes how to correct the default orientation of an image."href="/en-US/docs/Web/CSS/image-orientation"><code>image-orientation</code></a>
<atitle="The image-rendering CSS property provides a hint to the browser about the algorithm it should use to scale images."href="/en-US/docs/Web/CSS/image-rendering"><code>image-rendering</code></a>
<atitle="The object-fit CSS property specifies how a replaced element, such as an <img> or <video>, should be resized to fit its container."href="/en-US/docs/Web/CSS/object-fit"><code>object-fit</code></a>
<atitle="The object-position CSS property determines the alignment of the selected element inside its box."href="/en-US/docs/Web/CSS/object-position"><code>object-position</code></a>
##### Functions
<atitle="The documentation about this has not yet been written; please consider contributing!"href="/en-US/docs/Web/CSS/linear-gradient"><code>linear-gradient()</code></a>
<atitle="The documentation about this has not yet been written; please consider contributing!"href="/en-US/docs/Web/CSS/radial-gradient"><code>radial-gradient()</code></a>
<atitle="The documentation about this has not yet been written; please consider contributing!"href="/en-US/docs/Web/CSS/repeating-linear-gradient"><code>repeating-linear-gradient()</code></a>
<atitle="The documentation about this has not yet been written; please consider contributing!"href="/en-US/docs/Web/CSS/repeating-radial-gradient"><code>repeating-radial-gradient()</code></a>
<atitle="The documentation about this has not yet been written; please consider contributing!"href="/en-US/docs/Web/CSS/element"><code>element()</code></a>
##### Datatypes
<atitle="The <image> CSS data type represents a 2D image. There are two kinds of images: plain images, typically referenced using a URL, and dynamically-generated images, like those generated with <gradient> or element(). Images can be used with numerous CSS properties, such as background-image, border-image, content, list-style-image, and cursor."href="/en-US/docs/Web/CSS/image"><code><image></code></a>
<atitle="The documentation about this has not yet been written; please consider contributing!"href="/en-US/docs/Web/CSS/uri"><code><uri></code></a>