> ## Documentation Index
> Fetch the complete documentation index at: https://docs.commerce.blazity.com/llms.txt
> Use this file to discover all available pages before exploring further.

# OG Images

> Dynamically generate social media cards with up-to-date product information

Enterprise Commerce utilizes the `@vercel/og` library to generate dynamic Open Graph (OG) images for enhanced social media sharing.
This feature allows you to create visually appealing and informative social media cards that automatically update based on product information and other relevant data.

By leveraging a `style` object or Tailwind CSS, you have complete control over the design, data and appearance of your OG images. This ensures consistent branding and a professional presentation across all social media platforms.

**Especially important for Twitter since the engagement rate of Tweets that embed a card is 40% higher.**

<Frame>
  <img className="block" src="https://mintcdn.com/blazity-5fe0ee45/M_ubvkjvRjPWuVoH/images/product-opengraph-image.png?fit=max&auto=format&n=M_ubvkjvRjPWuVoH&q=85&s=1b7f411253ab5f5e72cba59f6457085a" alt="Product OG image" width="1200" height="630" data-path="images/product-opengraph-image.png" />
</Frame>

If you wish to change the apperance of the OG image, search for `opengraph-image.` in the code or learn more

<CardGroup cols={2}>
  <Card title="Playground" icon="palette" href="https://og-playground.vercel.app/">
    You can use this tool to test and preview OG image cards generated with `@vercel/og`
  </Card>

  <Card title="Reference" icon="code" href="https://vercel.com/docs/functions/og-image-generation">
    Learn how to optimize social media image generation through the Open Graph Protocol and `@vercel/og` library.
  </Card>
</CardGroup>