Automatic OG images
I'm excited to share a new feature that makes your Pagoti content look great when shared on social media: automatic Open Graph image generation.
What are OG Images?
When someone shares your page on LinkedIn, Twitter, Facebook, or any other social platform, a compelling preview image can make the difference between a scroll-past and a click-through. These Open Graph (OG) images are the first impression your content makes.
Until now, creating these images meant either manually designing them in graphics software or setting up complex image generation pipelines. I wanted to remove that friction entirely.
What's new
Starting today, every project and page in Pagoti automatically generates a beautiful OG image. The moment you create or update your content, an image is generated in the background using your project's name and description.
These images follow a clean, professional design that works across all social platforms. They're optimized for the standard 1200×630 pixel format that Twitter Cards, LinkedIn post previews, and Facebook link shares all expect.
Custom images when you need them
While automatic generation works great for most cases, sometimes you need a specific visual. That's why I've included a simple toggle: flip the "Custom" switch, and you can upload your own image instead.
Custom images follow sensible constraints:
- File size: Maximum 1MB
- Dimensions: 640×480 to 3840×2160 pixels
These constraints ensure your images load quickly while maintaining quality across devices.
Smart text balancing
The automatically generated images use intelligent text balancing. Long titles are wrapped across multiple lines, with the algorithm ensuring each line is roughly the same length. This creates visually balanced images that are easier to read at a glance.
Both the main heading and supporting text benefit from this balancing, making even lengthy project descriptions look polished in preview.
How it works
When you save a project or page, a background job is queued to generate the image. This happens asynchronously, so you're not waiting around for image processing. The system uses either ImageMagick or GD (whichever is available) to render the text onto a clean background.
If you've uploaded a custom image, the system respects that choice and won't overwrite it. Only when you toggle back to automatic generation will a new image be created.
What this means for you
Every piece of content you create now has a professional-looking preview automatically. When someone shares your documentation, blog post, or portfolio piece on LinkedIn, Twitter, or anywhere else, they're sharing something that looks considered and complete.
No design skills required. No additional tools needed. Just create your content and let Pagoti handle the rest.
Try it out today and see how your content looks when shared across social media. I think you'll love it.