---
title: OG Image Generation Examples
product: vercel
url: /docs/og-image-generation/examples
canonical_url: "https://vercel.com/docs/og-image-generation/examples"
last_updated: 2025-04-28
type: conceptual
prerequisites:
  - /docs/og-image-generation
related:
  []
summary: Learn how to use the @vercel/og library with examples.
install_vercel_plugin: npx plugins add vercel/vercel-plugin
---

# OG Image Generation Examples

## Dynamic title


<!-- docsgraph:related -->
## Related pages

> **For AI agents:** Follow these links to understand how this page connects to the rest of the Vercel ecosystem. For the full cross-link map (inbound, outbound, prerequisites, and semantic neighbors), see the .graph.md link below.

- [Using emoji in your OG image](https://vercel.com/kb/guide/using-emoji-in-image?from=related) — Learn how to use emojis to generate an OG image.
- [Using Tailwind CSS with your OG Image](https://vercel.com/kb/guide/using-tailwind?from=related) — Learn how to use Tailwind CSS to style your OG images.
- [Using dynamic text as your OG Image](https://vercel.com/kb/guide/dynamic-text-as-image?from=related) — Learn how to pass the image title as a URL parameter.
- [Using an SVG image in your OG image](https://vercel.com/kb/guide/using-svg-image?from=related) — Learn how to use SVG embedded content to generate your OG images.
- [Using an external image as OG image](https://vercel.com/kb/guide/using-an-external-dynamic-image?from=related) — Learn how to pass the username as a URL parameter to pull an external profile image for the image generation.
- [@vercel/og](https://vercel.com/docs/og-image-generation/og-image-api?from=related) — This reference provides information on how the @vercel/og package works on Vercel.
- [Image Generation](https://vercel.com/docs/ai-gateway/modalities/image-generation?from=related) — Generate and edit images using AI models through Vercel AI Gateway with support for multiple providers and modalities.
- [Inspect OG Metadata](https://vercel.com/docs/deployments/og-preview?from=related) — Learn how to inspect and validate your Open Graph metadata through the Open Graph deployment tab.
- [Examples](https://vercel.com/docs/platforms/examples?from=related) — Clone working multi-tenant and multi-project starters to begin your platform build.
- [Image Generation](https://vercel.com/docs/ai-gateway/sdks-and-apis/openai-chat-completions/image-generation?from=related) — Generate images using AI models that support multimodal output through the Chat Completions API.

Full cross-link map for this page: [/docs/og-image-generation/examples.graph.md](/docs/og-image-generation/examples.graph.md)
<!-- /docsgraph:related -->

## Dynamic external image

## Emoji

## SVG

## Custom font

## Tailwind CSS

## Internationalization

## Secure URL


---

[View full sitemap](/docs/sitemap)