Optimize Cloudinary Image URL: VWC App Launch Blog Header

[jeromehardaway]

🛠 Description

Optimize the blog post header image used in “Introducing the New and Improved Vets Who Code App” to improve load speed, visual clarity, and compatibility across devices and Open Graph preview systems.

⸻

✅ Acceptance Criteria
• Update the Cloudinary image URL with optimized parameters: f_auto, q_auto:good, dpr_auto, c_fill, g_auto, w_1200, h_675
• Validate that the updated image displays consistently across mobile, desktop, and social preview tools
• No layout shifts or broken rendering issues introduced
• Commit message clearly documents change, e.g., chore: optimize blog header image for new VWC app post

⸻

📋 Implementation Notes

Original:

image:
{
src: "https://res.cloudinary.com/vetswhocode/image/upload/f_auto,q_auto,g_auto/v1627489505/VetsWhoCode_dwlu33.png",
}

Optimized:

image:
{
src: "https://res.cloudinary.com/vetswhocode/image/upload/f_auto,q_auto:good,dpr_auto,c_fill,g_auto,w_1200,h_675/v1627489505/VetsWhoCode_dwlu33.png",
}

•	This version ensures compressed size without losing visual fidelity
•	Sets a consistent Open Graph crop (16:9 ratio), which aligns with blog/social previews

⸻

🔗 Related Issues or PRs
• Follows image optimization pattern set in:
• Optimize Cloudinary Image URL: Evidence-Based Portfolio Blog Header
• Optimize Image for ATS Blog Header
• None currently blocking this change