Automatic OG images
Every piece of Pagoti content now automatically gets a beautiful Open Graph image when shared on social media.
What are OG Images?
When someone shares a 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 content makes.
Until now, creating these images meant either manually designing them in graphics software or setting up complex image generation pipelines. The goal was to remove that friction entirely.
What's new
Starting today, every project and page in Pagoti automatically generates a beautiful OG image. The moment content is created or updated, an image is generated in the background using the 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 a specific visual is needed. A simple toggle handles this: flip the "Custom" switch to upload your own image instead.
Custom images follow sensible constraints:
- File size: Maximum 1MB
- Dimensions: 640×480 to 3840×2160 pixels
These constraints ensure 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 a project or page is saved, a background job is queued to generate the image. This happens asynchronously, so there's no waiting around for image processing. The system uses either ImageMagick or GD (whichever is available) to render text onto a clean background.
If a custom image has been uploaded, the system respects that choice and won't overwrite it. Only when toggling back to automatic generation will a new image be created.
What this means for you
Every piece of content now has a professional-looking preview automatically. When someone shares documentation, a blog post, or a portfolio piece on LinkedIn, Twitter, or anywhere else, it looks considered and complete.
No design skills required. No additional tools needed. Just create content and let Pagoti handle the rest.