Update image formatting for social media posts

Adjust Cloudinary transformations for Facebook and Instagram posts, optimizing aspect ratios and cropping for different platforms.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/d8HozM2

.replit

@@ -26,6 +26,10 @@ externalPort = 3002
 localPort = 35385
 externalPort = 6800
 
+[[ports]]
+localPort = 36725
+externalPort = 8000
+
 [[ports]]
 localPort = 37431
 externalPort = 5000

replit.md

@@ -24,7 +24,12 @@ The backend runs on **Node.js** with **Express.js**, fully implemented in **Type
 
 ### Media Processing Pipeline
 
-The platform leverages **Cloudinary** for cloud-based image and video storage and transformation. Original files are uploaded to Cloudinary, which then automatically generates transformation URLs for various platform-specific formats (e.g., Facebook Feed: 1200x630px, Instagram Feed: 1080x1080px, Instagram Story: 1080x1920px). These public IDs and transformation URLs are stored in the database, allowing optimized images to be served via Cloudinary's CDN.
+The platform leverages **Cloudinary** for cloud-based image and video storage and transformation. Original files are uploaded to Cloudinary, which then automatically generates transformation URLs for various platform-specific formats:
+- **Facebook Feed**: 1080x1080px with intelligent center crop (`crop: fill`) - square format, no borders
+- **Instagram Feed**: 1080x1080px with padding (`crop: pad`) - maintains aspect ratio with auto background
+- **Instagram Story**: 1080x1920px with padding (`crop: pad`) - vertical format
+
+These public IDs and transformation URLs are stored in the database, allowing optimized images to be served via Cloudinary's CDN.
 
 ### Authentication & Authorization
 

server/services/cloudinary.ts

@@ -33,7 +33,7 @@ class CloudinaryService {
 
     // Define eager transformations for images (generated during upload)
     const eagerTransformations = !isVideo ? [
-      { width: 1200, height: 630, crop: 'pad', gravity: 'center', background: 'auto' },      // Facebook Feed
+      { width: 1080, height: 1080, crop: 'fill', gravity: 'center' },                        // Facebook Feed (square, no borders)
       { width: 1080, height: 1080, crop: 'pad', gravity: 'center', background: 'auto' },     // Instagram Feed
       { width: 1080, height: 1920, crop: 'pad', gravity: 'center', background: 'auto' }      // Instagram Story
     ] : undefined;