diff --git a/src/content/docs/en/reference/modules/astro-assets.mdx b/src/content/docs/en/reference/modules/astro-assets.mdx index 728daa74bdefe..376e3964171a9 100644 --- a/src/content/docs/en/reference/modules/astro-assets.mdx +++ b/src/content/docs/en/reference/modules/astro-assets.mdx @@ -142,7 +142,7 @@ However, both of these properties are required for images stored in your `public A list of pixel densities to generate for the image. -The `densities` attribute is not compatible with responsive images using a `layout` property and will be ignored if set. +The `densities` attribute is not compatible with [responsive images](#responsive-image-properties) with a `layout` prop or `image.layout` config set, and will be ignored if set. If provided, this value will be used to generate a `srcset` attribute on the `` tag. Do not provide a value for `widths` when using this value. @@ -293,7 +293,7 @@ import { Image } from 'astro:assets'; `inferSize` can fetch the dimensions of a [remote image from a domain that has not been authorized](/en/guides/images/#authorizing-remote-images), however the image itself will remain unprocessed. -#### priority +##### priority

@@ -312,9 +312,9 @@ import myImage from '../assets/my_image.png'; A description of my image ``` -When `priority: true` (or the shorthand syntax `priority`) is added to the `` or `` component, it will add the following attributes to instruct the browser to load the image immediately: +When `priority="true"` (or the shorthand syntax `priority`) is added to the `` or `` component, it will add the following attributes to instruct the browser to load the image immediately: -``` +```html loading="eager" decoding="sync" fetchpriority="high" @@ -535,19 +535,6 @@ Enabled when the [`layout`](#layout) property is set or configured. Defines the Values match those of CSS `object-position`. Defaults to `center`, or the value of [`image.objectPosition`](/en/reference/configuration-reference/#imageobjectposition) if set. Can be used to override the default `object-position` styles. -##### priority - -

- -**Type:** `boolean`
-**Default:** `false`
- -

- -Enabled when the [`layout`](#layout) property is set or configured. If set, eagerly loads a responsive image. Otherwise, images will be lazy-loaded. Use this for your largest above-the-fold image. Defaults to `false`. - - - ### `getImage()`