Skip to content

webdev-sam/og-image-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

7 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ–ΌοΈ og-image-template

A simple, editable template for generating Open Graph (OG) images with the correct resolution and layout. Perfect for blog posts, social previews, and link sharing.

πŸ“ Specs

  • Resolution: 1200Γ—630 pixels (standard OG image size)
  • Format: Editable HTML/CSS field and gauges
  • Purpose: Quickly customize and export OG images with consistent branding

πŸš€ Features

  • Predefined layout optimized for social sharing
  • Easy to edit text, colors, and background
  • Ideal for automation or manual design workflows
  • Works great with tools like Puppeteer, Playwright, or Vercel OG Image Generation

πŸ› οΈ Usage

  1. Clone or download this repo
  2. Open the template file in your preferred editor
  3. Customize the content (title, subtitle, colors, etc.)
  4. Export as PNG or use in your OG image generation pipeline

COMING SOON - I'll put it somewhere..

πŸ“Έ Example Output

Example OG Image

πŸ“„ License

GNU β€” free to use, modify, and share.


Need help integrating it into a dynamic generator or automating exports? Let me know and I can help you scaffold that too email me at sam@webdevsam.io

About

It's an small SEO tool for og-images, editable to some degree.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages