Satori Renderer · Nuxt OG Image · Nuxt SEO

-
-
-
-

[1.4K](https://github.com/harlan-zw/nuxt-seo)

[Nuxt SEO on GitHub](https://github.com/harlan-zw/nuxt-seo)

You're viewing **OG Image v5** documentation. For the latest,

.

OG Image

-
-
-
-
-
-
-
-
-
-

Search…```k`` /`

v5

- Playgrounds
- [Discord Support](https://discord.com/invite/275MBUBvgP)

### Getting Started

-
-
-
-

### Core Concepts

-
-
-
-
-
-
-
-
-
-
-
-
-
-

### Integrations

-
-

Core Concepts

# Satori Renderer

[Copy for LLMs](https://nuxtseo.com/docs/og-image/v5/guides/satori.md)

Nuxt OG Image comes with two ways of rendering your images, the default way is using [Satori](https://github.com/vercel/satori).

It's not necessary to manually define the renderer as `satori` unless you set the default to the

. Satori will be used to render images in all environments, unless you have explicitly disabled it.

Set Default

defineOgImageComponent

```
export default defineNuxtConfig({
  // this is not necessary as satori is already the default
  ogImage: {
    defaults: {
      renderer: 'satori'
    }
  }
})
```

```
defineOgImageComponent('MyOgImage', {
  renderer: 'satori' // only when the default has been changed
})
```

## [Pros](#pros)

- Fast
- Works on all environments

## [Cons](#cons)

- A number of limitations (see below)

## [Limitations](#limitations)

It's important to familiarize yourself Satori with before you make more complex templates.

If you find Satori too difficult to work with, you can use the

 renderer instead.

To learn more about the limitations and working around them, see:

-
-

[Edit this page](https://github.com/nuxt-modules/og-image/blob/v5.1.13/docs/content/3.guides/0.satori.md)

[Markdown For LLMs](https://nuxtseo.com/docs/og-image/v5/guides/satori.md)

Did this page help you?

On this page

- [Pros](#pros)
- [Cons](#cons)
- [Limitations](#limitations)

[GitHub](https://github.com/harlan-zw/nuxt-seo) [ Discord](https://discord.com/invite/275MBUBvgP)

###

-
-

Modules

-
-
-
-
-
-
-
-
-

###

-
-
-

###

Nuxt

-
-
-
-
-

Vue

-
-
-
-
-
-
-
-

###

-
-
-
-
-
-
-
-
-
-

Copyright © 2023-2026 Harlan Wilton - [MIT License](https://github.com/harlan-zw/nuxt-seo/blob/main/license) · [mdream](https://mdream.dev)