When using layout="intrinsic", layout="fixed", or layout="raw", the height property represents the rendered height in pixels, so it will affect how large the image appears. The height property can represent either the rendered height or original height in pixels, depending on the layout and sizes properties. The width property is required, except for statically imported images, or those with layout="fill". When using layout="responsive", layout="fill", the width property represents the original width in pixels, so it will only affect the aspect ratio. When using layout="intrinsic", layout="fixed", or layout="raw", the width property represents the rendered width in pixels, so it will affect how large the image appears. The width property can represent either the rendered width or original width in pixels, depending on the layout and sizes properties. When using an external URL, you must add it to Or an internal path depending on the loader prop or loader configuration. This can be either an absolute external URL, The component requires the following properties. For a feature overview and usage information for images in Next.js, please see Images. Note: This is API documentation for the Image Component and Image Optimization. OnLoadingComplete and lazyBoundary props added. Experimental * support for layout="raw" added.ĭangerouslyAllowSVG and contentSecurityPolicy configuration added.
0 kommentar(er)
