Image Generator

Creating social preview images manually for every page or article can quickly become repetitive, especially when maintaining consistent branding and layouts across a website. This project was built to automate that process by generating images dynamically from reusable templates.

The primary use case was generating Open Graph images based on page content, allowing each page to automatically produce a customized preview image for social media sharing. Instead of designing every image manually, the system can render titles, descriptions, branding elements, and other dynamic content directly into predefined templates.

The plugin uses Browsershot to render HTML-based templates in a real browser environment and capture them as images through screenshots. This approach makes it possible to design templates using familiar web technologies such as HTML and CSS while still producing high-quality generated images.

Although the original goal focused on Open Graph generation, the system was designed to be flexible enough for other use cases as well, including promotional banners, dynamic thumbnails, announcements, and content-driven image generation workflows.