ImageResponse
Le constructeur ImageResponse vous permet de générer des images dynamiques en utilisant JSX et CSS. Cela est utile pour générer des images pour les réseaux sociaux telles que les images Open Graph, les cartes Twitter, et plus encore.
Les options suivantes sont disponibles pour ImageResponse :
import { ImageResponse } from 'next/og'
new ImageResponse(
element: ReactElement,
options: {
width?: number = 1200
height?: number = 630
emoji?: 'twemoji' | 'blobmoji' | 'noto' | 'openmoji' = 'twemoji',
fonts?: {
name: string,
data: ArrayBuffer,
weight: number,
style: 'normal' | 'italic'
}[]
debug?: boolean = false
// Options qui seront passées à la réponse HTTP
status?: number = 200
statusText?: string
headers?: Record<string, string>
},
)Propriétés CSS prises en charge
Veuillez consulter la documentation de Satori pour une liste des fonctionnalités HTML et CSS prises en charge.
Historique des versions
| Version | Changements |
|---|---|
v14.0.0 | ImageResponse déplacé de next/server vers next/og |
v13.3.0 | ImageResponse peut être importé depuis next/server. |
v13.0.0 | ImageResponse introduit via le package @vercel/og. |