Skip to content

Optimize Cloudinary Image URL: VWC Horizontal Logo (Header Usage) #748

Open
@jeromehardaway

Description

@jeromehardaway

🛠 Description

Optimize the Cloudinary-hosted Vets Who Code logo URL to ensure faster image delivery, reduced file size, and better device/browser compatibility. This helps improve site performance and SEO while maintaining high visual quality.

✅ Acceptance Criteria
• The updated image URL includes the following parameters: f_auto, q_auto:good, dpr_auto, c_limit, and w_1200.
• The image loads correctly in all major browsers (Chrome, Firefox, Safari, Edge).
• There is no noticeable quality degradation compared to the original image.
• The optimized URL is used in all instances where the logo is referenced (e.g., website header, footer, Open Graph tags if applicable).
• The change is committed and pushed to the repository with an appropriate commit message.
• Optionally, a before/after comparison of load performance is documented (using Lighthouse or WebPageTest).

📋 Implementation Notes
• Replace the current logo URL:

https://res.cloudinary.com/vetswhocode/image/upload/f_auto,q_auto/v1627489505/VWC_Logo_Horizontal_gsxn3h.png

with:

https://res.cloudinary.com/vetswhocode/image/upload/f_auto,q_auto:good,dpr_auto,c_limit,w_1200/v1627489505/VWC_Logo_Horizontal_gsxn3h.png

•	Test the image in staging before merging to production.
•	Consider wrapping the image inside a responsive container if used in layouts that scale across devices.

🔗 Related Issues or PRs
• N/A (create an issue for tracking if this doesn’t already exist)
Cloudinary documentation on image optimization

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions