How to use
- Select one of 5 design presets: Modern Tech, Vibrant Gradient, Terminal / Hacker, Clean SaaS, or Bold Horizon.
- Enter your article or page title, description, category tag, author details, and website URL.
- Upload your custom avatar or brand logo (clipped to a circle) or provide initials for a monogram.
- Click "Copy Image" for instant clipboard paste, or download the high-resolution file in PNG or WebP format.
FAQ
What dimensions are generated by this tool?
The tool generates images in standard 1200x630 resolution with ~1.91:1 aspect ratio. This is the official standard for <meta property="og:image">, Twitter Summary Large Image cards, Telegram link previews, and LinkedIn shares.
Are my images or titles uploaded to any server?
No. All rendering is performed 100% client-side directly in your browser using the native HTML5 Canvas 2D API. Your images, copy, and credentials never touch a remote server and stay completely private.
What is the benefit of WebP over PNG?
WebP export compresses the 1200x630 canvas down to ~40–60 KB without visible quality loss, compared to 250–350 KB for PNG. This accelerates social crawler indexing and improves website Core Web Vitals.
Can I paste the generated card directly without downloading?
Yes. The "Copy Image" button uses the asynchronous browser Clipboard API. Once copied, you can press Ctrl+V (or Cmd+V) directly into Telegram chats, Figma, Photoshop, or Slack.
How do I embed the generated image on my website?
Save the image as og-image.png in your website root or public folder, and include it in your HTML <head>: <meta property="og:image" content="https://yourdomain.com/og-image.png">.