Optimize Cloudinary Image URL: Evidence-Based Portfolio Blog Header

[jeromehardaway]

🛠 Description

Optimize the featured image used in the blog post “In 2025, Just Having a Portfolio Won’t Cut It” to ensure faster load times, optimal rendering across devices, and improved SEO/social card previews. The current Cloudinary URL lacks transformation parameters for responsive and performance-focused delivery.

⸻

✅ Acceptance Criteria
• The image URL is updated with Cloudinary transformations including: f_auto, q_auto:good, dpr_auto, c_fill, g_auto, w_1200, h_675
• Image loads responsively and appears correctly in Open Graph previews
• File continues to work across all device sizes without layout shift
• Commit message follows naming pattern, e.g., chore: optimize image for evidence-based blog

⸻

📋 Implementation Notes

Original Image:

image:
{
src: "https://res.cloudinary.com/vetswhocode/image/upload/f_auto,q_auto,g_auto/v1736709455/evidence-based_j4ucdv.jpg",
}

Optimized Image:

image:
{
src: "https://res.cloudinary.com/vetswhocode/image/upload/f_auto,q_auto:good,dpr_auto,c_fill,g_auto,w_1200,h_675/v1736709455/evidence-based_j4ucdv.jpg",
}

This version ensures progressive image rendering, automatic quality/density adjustments, and ideal crop + fit for blog feature images.

⸻

🔗 Related Issues or PRs
• None currently linked
• Refer to other optimization tasks for consistent naming and transformations

⸻