Add next/image props for object-fit and object-position

[styfle]

Feature request

Problem

When using layout=fill, you usually want to avoid stretching the image.

So its common to use object-fit and object-position CSS.

However, since the style prop is omitted from the underlying <img>, you currently must use CSS modules via the className prop.

Solution

This is a proposal to add separate props to the Image component for objectFit and objectPosition as a way to inline these common styles without using the style prop.

Related

• Related to Layout fill in nextjs 10.0.1 doesn't respect any height, width, maxwidth, maxheight styles #18739
• Related to next/image and proportions #18780
• Related to Add additional next/image layout modes #18637
• Related to Omit ignored property from <Image/ > to prevent confusion #18796

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.