LibraryActive

Astro Image and Assets API

Built-in Astro components and helper functions for optimizing and displaying images.

Field note

What it does

Astro provides built-in components and helper functions for optimizing and displaying your images, imported from the astro:assets virtual module.

Capabilities

Available capabilities

Image optimization Srcset Generation Remote image handling Responsive images Font optimization Font Loading

adapter

base

Configuration Reference

Examples

<Font /> component

Provides font optimization with cssVariable and preload options.

fontData

Font data object.

getConfiguredImageService()

Returns the configured image service.

getImage()

Helper function for generating optimized images.

<Image /> component

Optimizes and transforms images, enforcing proper attributes.

imageConfig

Configuration object for image handling.

inferRemoteSize()

Infers dimensions of remote images.

integrations

output

<Picture /> component

Renders responsive images with multiple formats.

Astro Image and Assets API

What it does

Available capabilities

Tags

Ways to use it

Product features