MokoConsulting/MokoSuiteOpenGraph
1
0
Fork 0
Code Issues 3 Pull Requests Releases 1 Wiki Activity

Per-platform image cropping (multi-aspect-ratio) #74

New Issue
Closed
opened 2026-06-23 13:32:13 +00:00 by jmiller · 1 comment
jmiller commented 2026-06-23 13:32:13 +00:00
Owner
Copy Link
Copy Source

Summary

Allow users to set different image crops per social platform, since each platform has different optimal aspect ratios.

Why

  • Facebook uses 1.91:1, Twitter uses 2:1 (summary_large_image) or 1:1 (summary), Pinterest prefers 2:3 vertical, WhatsApp uses square
  • Currently MokoOG resizes to a single 1200x630 (Facebook-optimized)
  • No extension on any CMS does this well — opportunity to lead

Implementation

  • Image cropper UI in the content plugin form (JavaScript-based)
  • Platform presets: Facebook (1200x630), Twitter (1200x600), Pinterest (1000x1500), WhatsApp (400x400)
  • Store per-platform crop coordinates in #__mokoog_tags (JSON field or separate columns)
  • Generate and cache cropped variants in images/mokoog/
  • Output platform-specific images via appropriate meta tags
  • Extend ImageHelper with multi-crop support
## Summary Allow users to set different image crops per social platform, since each platform has different optimal aspect ratios. ## Why - Facebook uses 1.91:1, Twitter uses 2:1 (summary_large_image) or 1:1 (summary), Pinterest prefers 2:3 vertical, WhatsApp uses square - Currently MokoOG resizes to a single 1200x630 (Facebook-optimized) - No extension on any CMS does this well — opportunity to lead ## Implementation - Image cropper UI in the content plugin form (JavaScript-based) - Platform presets: Facebook (1200x630), Twitter (1200x600), Pinterest (1000x1500), WhatsApp (400x400) - Store per-platform crop coordinates in `#__mokoog_tags` (JSON field or separate columns) - Generate and cache cropped variants in `images/mokoog/` - Output platform-specific images via appropriate meta tags - Extend ImageHelper with multi-crop support
jmiller added this to the v3.0 — Platform & Intelligence milestone 2026-06-23 13:32:13 +00:00
jmiller added the enhancement label 2026-06-23 13:32:13 +00:00
jmiller commented 2026-06-23 13:32:16 +00:00
Author
Owner
Copy Link
Copy Source

Branch created: feature/74-per-platform-image-cropping-multi-aspect

git fetch origin
git checkout feature/74-per-platform-image-cropping-multi-aspect
Branch created: [`feature/74-per-platform-image-cropping-multi-aspect`](https://git.mokoconsulting.tech/MokoConsulting/MokoSuiteOpenGraph/src/branch/feature/74-per-platform-image-cropping-multi-aspect) ```bash git fetch origin git checkout feature/74-per-platform-image-cropping-multi-aspect ```
Sign in to join this conversation.
Labels
Clear labels
bug
Something is broken
 documentation
Documentation improvements
 enhancement
production-readiness
Required before v1.0 release
 security
Security vulnerability or hardening
 testing
Test coverage and QA
No labels enhancement
Priority Medium
Type Feature
Milestone
No items
No Milestone v3.0 — Platform & Intelligence
Assignees
Clear assignees
jmiller (Jonathan Miller)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: MokoConsulting/MokoSuiteOpenGraph#74
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?