Optimize Cloudinary Image URLs: Testimonial Avatars in DonateFormArea

[jeromehardaway]

🛠 Description

Optimize the Cloudinary-hosted testimonial avatar images used in the DonateFormArea component to ensure fast delivery, sharp display on retina devices, and reduced bandwidth usage. These avatars appear in user testimonial cards and should be lightweight but visually clean since they’re small but brand-visible elements.

⸻

✅ Acceptance Criteria
• All testimonial image URLs are updated with Cloudinary parameters: f_auto, q_auto:good, dpr_auto, c_thumb, g_face, r_max, and w_80,h_80.
• Images remain circular (tw-rounded-full) and crisp across all device resolutions.
• File size is significantly reduced without visual degradation.
• The layout and alignment of testimonial cards remain unaffected.
• Component updates are committed with a descriptive message.

⸻

📋 Implementation Notes

Update each image src in tags. Below are the before → after versions of each testimonial avatar image:

⸻

🧑‍💻 Josh Morton

Before:

https://res.cloudinary.com/vetswhocode/image/upload/f_auto,q_auto,g_auto/v1721082085/josh-morton.jpg

After:

https://res.cloudinary.com/vetswhocode/image/upload/f_auto,q_auto:good,dpr_auto,c_thumb,g_face,r_max,w_80,h_80/v1721082085/josh-morton.jpg

⸻

🧑‍💻 Cameron Porter

Before:

https://res.cloudinary.com/vetswhocode/image/upload/v1721086509/Image_from_iOS_pdujsr.jpg

After:

https://res.cloudinary.com/vetswhocode/image/upload/f_auto,q_auto:good,dpr_auto,c_thumb,g_face,r_max,w_80,h_80/v1721086509/Image_from_iOS_pdujsr.jpg

⸻

🧑‍💼 Darnell Settles III

Before:

https://res.cloudinary.com/vetswhocode/image/upload/v1748652090/AB1_6721_towfh2.jpg

After:

https://res.cloudinary.com/vetswhocode/image/upload/f_auto,q_auto:good,dpr_auto,c_thumb,g_face,r_max,w_80,h_80/v1748652090/AB1_6721_towfh2.jpg

⸻

🔗 Related Issues or PRs
• Cloudinary Docs – Smart Cropping with g_face
• Cloudinary Docs – Circular Thumbnails

⸻