# renderer.ts **[Source](https://github.com/ubugeeei-prod/ox-content/blob/main/npm/vite-plugin-ox-content/src/og-image/renderer.ts)** > 3 documented symbols. Read the signatures first, then expand each item for parameters, return types, and examples.
3 symbols 2 functions 1 modules 9 parameters 2 returns
## Reference
modulerendererHTML → PNG renderer using Chromium screenshots via Playwright.

HTML → PNG renderer using Chromium screenshots via Playwright.

View source

fnrenderHtmlToPng(page: Page, html: string, width: number, height: number, publicDir?: string): Promise<Buffer>Renders an HTML string to a PNG buffer using Chromium.5 paramsreturns Promise<Buffer>

Renders an HTML string to a PNG buffer using Chromium.

Signature

export async function renderHtmlToPng(page: Page, html: string, width: number, height: number, publicDir?: string): Promise<Buffer>

View source

Parameters

  • page Page

    Playwright page instance

  • html string

    HTML string from template function

  • width number

    Image width

  • height number

    Image height

  • publicDir string

    Optional public directory for serving local assets (images, fonts, etc.) — optional

Returns

Promise<Buffer>

PNG buffer

fnwrapHtml(bodyHtml: string, width: number, height: number, useBaseUrl: boolean): stringWraps template HTML in a minimal document with viewport locked to given dimensi…4 paramsreturns string

Wraps template HTML in a minimal document with viewport locked to given dimensions.

Signature

function wrapHtml(bodyHtml: string, width: number, height: number, useBaseUrl: boolean): string

View source

Parameters

  • bodyHtml string
  • width number
  • height number
  • useBaseUrl boolean

Returns

string