---
title: "OG Image Generator - Create Open Graph Images · Unhead"
description: "Free OG Image generator for your social media cards. Design, preview and export Open Graph images instantly."
canonical_url: "https://unhead.unjs.io/tools/og-image-generator"
meta:
  "og:description": "Free OG Image generator for your social media cards. Design, preview and export Open Graph images instantly."
  "og:title": "OG Image Generator - Create Open Graph Images"
---

> Index of every page on this site: [llms.txt](https://unhead.unjs.io/llms.txt)

# **OG Image Generator**

Design and generate Open Graph images for your website. Live preview and export as PNG.

**Template**

**Title**

**Description**

**Background Color**

**Text Color**

**Width**

**Height**

## **Social Card Preview **

![Unhead](https://unhead.unjs.io/images/og-image-default.png)

Unhead

**Unhead**

The document head manager for Vue and Nuxt.

[Powered by Takumi](https://takumi.kane.tw/)

**Unhead Usage**

```
useSeoMeta({
  ogImage: [
    {
      url: 'https://example.com/og-image.png',
      width: 1200,
      height: 630,
      alt: "Unhead",
    }
  ]
})
```

## **Discover More Tools **

[<h3>**Meta Tag Generator**</h3>Generate useSeoMeta() code with live SERP and social card preview.](https://unhead.unjs.io/tools/meta-tag-generator) [<h3>**Schema.org Generator**</h3>Build structured data for articles, products, and more.](https://unhead.unjs.io/tools/schema-generator) [<h3>**Capo.js Head Analyzer**</h3>Analyze your HTML head tag order for optimal page load performance.](https://unhead.unjs.io/tools/capo-analyzer)

**Was this tool helpful? **

Your feedback helps us improve

## Sitemap

See the full [sitemap](https://unhead.unjs.io/sitemap.md) for all pages.