MokoConsulting/MokoSuiteCross
1
0
Fork 0
Code Issues 25 Pull Requests Releases 2 Wiki Activity

Social image generator: auto-create branded OG images #157

New Issue
Open
opened 2026-06-23 13:34:25 +00:00 by jmiller · 0 comments
jmiller commented 2026-06-23 13:34:25 +00:00
Owner
Copy Link
Copy Source

Summary

Auto-generate branded social share images with text overlay on the article's featured image. Jetpack Social's "Social Image Generator" is the model. No Joomla extension offers this.

Implementation

Use PHP GD or Imagick to composite:

  1. Article featured image (or fallback gradient)
  2. Article title as text overlay
  3. Site branding (logo, colors)
  4. Platform-optimized dimensions

Output Sizes

  • Facebook/LinkedIn: 1200x630
  • Twitter: 1200x675
  • Instagram: 1080x1080
  • Stories/Reels: 1080x1920

Configuration

  • Font family, size, color
  • Text position (top/center/bottom)
  • Overlay opacity/color
  • Logo position
  • Auto-generate on publish (yes/no)

Storage

Generate and cache in images/mokosuitecross/ with article ID naming. Serve via {share_image} placeholder.

Acceptance Criteria

  • Generate OG image from featured image + title text
  • Configurable font, colors, logo placement
  • Multiple output sizes for different platforms
  • Cached to avoid regeneration
  • {share_image} placeholder in templates
  • Fallback to solid color gradient when no featured image

Priority

Tier 1 -- Unique differentiator in Joomla market.

## Summary Auto-generate branded social share images with text overlay on the article's featured image. Jetpack Social's "Social Image Generator" is the model. No Joomla extension offers this. ## Implementation Use PHP GD or Imagick to composite: 1. Article featured image (or fallback gradient) 2. Article title as text overlay 3. Site branding (logo, colors) 4. Platform-optimized dimensions ### Output Sizes - Facebook/LinkedIn: 1200x630 - Twitter: 1200x675 - Instagram: 1080x1080 - Stories/Reels: 1080x1920 ### Configuration - Font family, size, color - Text position (top/center/bottom) - Overlay opacity/color - Logo position - Auto-generate on publish (yes/no) ### Storage Generate and cache in `images/mokosuitecross/` with article ID naming. Serve via `{share_image}` placeholder. ## Acceptance Criteria - [ ] Generate OG image from featured image + title text - [ ] Configurable font, colors, logo placement - [ ] Multiple output sizes for different platforms - [ ] Cached to avoid regeneration - [ ] `{share_image}` placeholder in templates - [ ] Fallback to solid color gradient when no featured image ## Priority Tier 1 -- Unique differentiator in Joomla market.
Sign in to join this conversation.
Labels
No items
No labels
Priority Medium
Type Feature
Milestone
No items
No Milestone
Assignees
Clear assignees
jmiller (Jonathan Miller)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: MokoConsulting/MokoSuiteCross#157
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?