Investigate and Implement Rounded Avatar on OG Image

[loftwah]

We want to explore the possibility of making the user's avatar round in our Open Graph image generator. This change would enhance the visual appeal of our OG images. However, initial research suggests this might be more challenging than initially thought.

Current situation:

• We're using MiniMagick for image manipulation in our OpenGraphImageGenerator class.
• The avatar is currently square with a white border.

Tasks:

1. Research methods to create rounded avatars using MiniMagick:

   • Investigate the circle or roundrectangle operations in ImageMagick.
   • Look into creating a circular mask and compositing it with the avatar.

2. If a viable solution is found with MiniMagick:

   • Implement the rounding in the OpenGraphImageGenerator class.
   • Ensure the white border is maintained around the circular avatar.
   • Update the avatar positioning code to account for the new circular shape.

3. If MiniMagick proves too difficult:

   • Investigate alternative Ruby gems that might offer easier circular cropping (e.g., rmagick, image_processing).
   • Consider the performance implications of switching libraries.

4. If Ruby-based solutions are unsatisfactory:

   • Explore the feasibility of a service using Canvas and Playwright/Puppeteer.
   • Weigh the pros and cons of this approach (complexity, maintenance, performance).

5. Decision point:

   • Based on the research and prototyping, decide whether to proceed with rounding or keep the square avatar.
   • Document the decision and rationale.

6. Implementation:

   • If proceeding, implement the chosen solution.
   • If not proceeding, update the issue with the decision to keep square avatars.

7. Testing:

   • Ensure the OG image generator works correctly with various avatar sizes and formats.
   • Test performance impact, especially if a new approach is implemented.

8. Documentation:

   • Update any relevant documentation about the OG image generation process.

Remember: The goal is to enhance visual appeal, but not at the cost of significantly increased complexity or performance issues. If the square avatar proves to be the most practical solution, that's acceptable.

Note: OG images are somewhat broken in an unrelated way but shouldn't impact this issue.

[loftwah]

This seems harder than I first thought and Googling isn't finding much besides people recommending not to do it this way. I could make a service to do it with canvas and playwright or puppeteer but I don't think that is ideal. Might give it a miss and stick with square.

[loftwah]

This could be used to fix the current OG images too.