---
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:image": "https://unhead.unjs.io/_og/d/c_Unhead%2Ctitle_OG%2BImage%2BGenerator%2B-%2BCreate%2BOpen%2BGraph%2BImages%2Cdescription_~RnJlZSBPRyBJbWFnZSBnZW5lcmF0b3IgZm9yIHlvdXIgc29jaWFsIG1lZGlhIGNhcmRzLiBEZXNpZ24sIHByZXZpZXcgYW5kIGV4cG9ydCBPcGVuIEdyYXBoIGltYWdlcyBpbnN0YW50bHku%2Cp_Ii90b29scy9vZy1pbWFnZS1nZW5lcmF0b3Ii%2Cs_XEJQpKVnhCKjg752.png"
  "og:image:height": "600"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": "OG Image Generator - Create Open Graph Images"
  "twitter:image": "https://unhead.unjs.io/_og/d/c_Unhead%2Ctitle_OG%2BImage%2BGenerator%2B-%2BCreate%2BOpen%2BGraph%2BImages%2Cdescription_~RnJlZSBPRyBJbWFnZSBnZW5lcmF0b3IgZm9yIHlvdXIgc29jaWFsIG1lZGlhIGNhcmRzLiBEZXNpZ24sIHByZXZpZXcgYW5kIGV4cG9ydCBPcGVuIEdyYXBoIGltYWdlcyBpbnN0YW50bHku%2Cp_Ii90b29scy9vZy1pbWFnZS1nZW5lcmF0b3Ii%2Cs_XEJQpKVnhCKjg752.png"
---

> 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

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://unhead.unjs.io/#website","@type":"WebSite","description":"Unhead is the any-framework document head manager built for performance and delightful developer experience.","name":"Unhead","url":"https://unhead.unjs.io/","publisher":{"@id":"https://unhead.unjs.io/#identity"}},{"@id":"https://unhead.unjs.io/tools/og-image-generator#webpage","@type":"WebPage","description":"Free OG Image generator for your social media cards. Design, preview and export Open Graph images instantly.","name":"OG Image Generator - Create Open Graph Images","url":"https://unhead.unjs.io/tools/og-image-generator","isPartOf":{"@id":"https://unhead.unjs.io/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://unhead.unjs.io/tools/og-image-generator"]}],"primaryImageOfPage":{"@id":"https://unhead.unjs.io/#logo"}},{"@id":"https://unhead.unjs.io/#identity","@type":"Organization","name":"Unhead","url":"https://unhead.unjs.io/","logo":{"@id":"https://unhead.unjs.io/#logo"}},{"@id":"https://unhead.unjs.io/tools/og-image-generator#/schema/web-application/1","@type":"WebApplication","applicationCategory":"DeveloperApplication","description":"Free OG Image generator for your social media cards. Design, preview and export Open Graph images instantly.","name":"OG Image Generator - Create Open Graph Images","operatingSystem":"Web","url":"https://unhead-unjs-io.nuxt.dev/tools/og-image-generator","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}},{"@id":"https://unhead.unjs.io/#logo","@type":"ImageObject","caption":"Unhead","contentUrl":"https://unhead.unjs.io/logo.svg","inLanguage":"en","url":"https://unhead.unjs.io/logo.svg"}]}
```

## Sitemap

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