---
title: "OG Image Generator - Create Open Graph Images · Unhead"
canonical_url: "https://unhead.unjs.io/tools/og-image-generator"
last_updated: "2026-08-11T05:25:16.928Z"
meta:
  description: "Free OG Image generator for your social media cards. Design, preview and export Open Graph images instantly."
  "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"
---

Home

`
Unhead on GitHub

# **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

**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