---
title: "Compatibility"
description: "Learn what environments can use what features."
canonical_url: "https://nuxtseo.com/docs/og-image/v5/guides/compatibility"
last_updated: "2026-05-06T18:46:33.996Z"
---

Nuxt OG Image relies heavily on third-party packages that have different compatibility requirements.

## Bindings

There are a number of bindings that can be used for each dependency: `node`, `wasm`, `wasm-fs` and `false`.

- `node` binding is for default Node based environments.
- `wasm` and `wasm-fs` bindings are used to run WebAssembly. They are mostly used for WebWorker support.
- `wasm-fs` binding is for using WebAssembly in a development WebWorker development environment such as StackBlitz.
- `false` disables the dependency.

## Dependencies

### `chromium`

**Supports**: `node`

Used to render browser screenshots.

This only works on Node based environments. However, it does not work on AWS Lambda as the Chromium binary is too large.

Due to the rendering times being slow, it's recommended to only use browser screenshots when prerendering them.

### `satori`

**Supports**: `node`, `wasm`, `wasm-fs`

Used to render a HTML vNode tree into OG Images.

This is the default renderer, and works on all environments.

### `resvg`

**Supports**: `node`, `wasm`, `wasm-fs`

Used to transform SVGs into PNGs. This should work on all environments.

When installing using the `node`
binding, it can have issues resolving the correct binary. You may run into an issue like `Cannot resolve "./resvgjs.android-arm64.node"`,
in which case you should manually set the binding to `wasm` or `wasm-fs`.

### `sharp`

**Supports**: `node`

Used to transform PNG to JPEG. This only works on Node based environments.

This is disabled by The dependency is quite heavy so it's disabled by default.

See the [JPEGs](/docs/og-image/guides/jpegs) guide for more information.

### `css-inline`

**Supports**: `node`, `wasm`, `wasm-fs`

Used to support `<style>` tags within Vue SFCs.

Powered by [css-inline](https://github.com/Stranger6667/css-inline).

## Overriding compatibility

In some instances, it may be useful to override the compatibility, so you can toggle features or use more optimised
bindings for your environment.

```ts
export default defineNuxtConfig({
  ogImage: {
    compatibility: {
      // disable chromium dependency for prerendering (skips the chromium install in CIs)
      prerender: {
        chromium: false
      }
    }
  }
})
```

## Provider compatibility

### Development

- `sharp` <u-icon className="text-orange-500" name="i-carbon-checkmark-outline-warning">



</u-icon>

 - will use your local Sharp install
- `chromium` <u-icon className="text-orange-500" name="i-carbon-checkmark-outline-warning">



</u-icon>

 will use your local Chromium install, if available

### Prerendering

- `chromium` <u-icon className="text-orange-500" name="i-carbon-checkmark-outline-warning">



</u-icon>

 - will use your local Chromium install or install a chromium binary if not found

### AWS Lamdba, Netlify, Vercel

- `chromium` <u-icon className="text-red-500" name="i-carbon-error">



</u-icon>

 - can't be used due to the binary size
- `sharp` <u-icon className="text-red-500" name="i-carbon-error">



</u-icon>

 - can't be used due to some post-install scripts issue

### Vercel Edge, Netlify Edge, Cloudflare Pages

- `chromium` <u-icon className="text-red-500" name="i-carbon-error">



</u-icon>

 - can't be used, no WASM support
- `sharp` <u-icon className="text-red-500" name="i-carbon-error">



</u-icon>

 - can't be used, no WASM support

### Cloudflare Workers

- `chromium` <u-icon className="text-red-500" name="i-carbon-error">



</u-icon>

 - can't be used, no WASM support
- `sharp` <u-icon className="text-red-500" name="i-carbon-error">



</u-icon>

 - can't be used, no WASM support
- `css-inline` <u-icon className="text-red-500" name="i-carbon-error">



</u-icon>

 - can't be used, no WASM support

There is an [open issue](https://github.com/harlan-zw/nuxt-og-image/issues/63) for custom fonts and images being broken in Cloudflare Workers.
Please reply to the issue if you need this fixed.

### StackBlitz

- `chromium` <u-icon className="text-red-500" name="i-carbon-error">



</u-icon>

 - can't be used, no WASM support
- `sharp` <u-icon className="text-red-500" name="i-carbon-error">



</u-icon>

 - can't be used, no WASM support

## Provider Examples

All examples are generated from the [Nuxt OG Image Playground](https://github.com/harlan-zw/nuxt-og-image-playground) GitHub repo.

- [Netlify](https://main--nuxt-og-image-playground-netlify.netlify.app)

![undefined](https://nuxt-og-image-playground-netlify.netlify.app/__og-image__/image/og.png?title=Hello+Netlify+%F0%9F%91%8B&description=This+is+a+test+of+Netlify+provider&theme=%2332e6e2)- [Netlify Edge](https://nuxt-og-image-playground-netlify-edge.netlify.app/)

![undefined](https://nuxt-og-image-playground-netlify-edge.netlify.app/__og-image__/image/og.png?title=Hello+Netlify+Edge+%F0%9F%91%8B&description=This+is+a+test+of+Netlify+Edge+provider&theme=%2332e6e2)- [Vercel](https://nuxt-og-image-playground-harlan-zw.vercel.app/)

![undefined](https://nuxt-og-image-playground-harlan-zw.vercel.app/__og-image__/image/og.png?title=Hello+Vercel+%F0%9F%91%8B&description=This+is+a+test+of+Vercel+provider&theme=%23121212)- [Vercel Edge](https://nuxt-og-image-playground-gkdt.vercel.app/)

![undefined](https://nuxt-og-image-playground-gkdt.vercel.app/__og-image__/image/og.png?title=Hello+Vercel+Edge+%F0%9F%91%8B&description=This+is+a+test+of+Vercel+Edge+provider&theme=%23121212)- [Cloudflare Pages](https://nuxt-og-image-playground.pages.dev/)

![undefined](https://nuxt-og-image-playground.pages.dev/__og-image__/image/og.png?title=Hello+Cloudflare+Pages+%F0%9F%91%8B&description=This+is+a+test+of+Cloudflare+Pages+provider&theme=%23f6821f)- [Cloudflare Workers](https://playground.harlanzw.workers.dev/)

![undefined](https://playground.harlanzw.workers.dev/__og-image__/image/og.png?title=Hello+Cloudflare+Workers+%F0%9F%91%8B&description=This+is+a+test+of+Cloudflare+Workers+provider&theme=%23f6821f)