How to Create Your Facebook OG Image

1. Screenshot Method:
   • Windows: Press Windows + Shift + S and select the blue image above
   • Mac: Press Cmd + Shift + 4 and drag to select the blue image
   • Or use browser extensions like "Full Page Screen Capture"
2. Save the screenshot as og-image.jpg in your project's static/images/ folder
3. The image is already sized at 1200x630 pixels (Facebook's recommended OG image size)
4. Update your base.html to use the new image:
   • Find: <meta property="og:image" content="...">
   • Change to: {% static 'images/og-image.jpg' %}
5. Test on Facebook using the Facebook Sharing Debugger

💡 Tip: For best results, zoom your browser to 100% before taking the screenshot, or use the browser's built-in screenshot tool (F12 > take screenshot feature in Chrome/Edge).