Convert large PNG/JPEG images to WebP and update references

[jothikaaravindhan]

Description

This PR optimizes large image assets by converting PNG and JPEG files to WebP format to improve performance and reduce bundle size.

Changes

• Converted large PNG/JPEG images (>1MB) to WebP format
• Maintained high visual quality (q=80–90)
• Updated all references in MDX files
• Fixed broken image paths causing build errors
• Skipped GIFs as instructed in the issue

Impact

• Significant reduction in image sizes (up to ~60–70% in some cases)
• Improved build performance and page load times

Verification

• Verified images render correctly across pages

Issue #7247

Signed commits

• Yes, I signed my commits.

[l5io]

🚀 Preview for commit d3fbf71 at: https://69c64bbf2e08d3c043d84081--layer5.netlify.app

[rishiraj38]

I think there are a few more images left.

[jothikaaravindhan]

Hi @rishiraj38
Yes, you're right - I'm still working on the remaining images. Some of them have multiple references that need to be updated (like in index.js and other files). I've decided to split this work into two separate PRs to minimize the risk of breaking anything. If I were to update everything in a single commit, it could potentially cause issues somewhere in the codebase. By splitting it up, we can review and test each batch more thoroughly. I'll already have the first PR ready with the current set of images, and then follow up with the second PR for the remaining ones.

[l5io]

🚀 Preview for commit 9c6d610 at: https://69caa897c874d34067e3e5f2--layer5.netlify.app

[Rajesh-Nagarajan-11]

Updates?

[l5io]

🚀 Preview for commit 6e06199 at: https://69cbd8a7750dd4200dbe25ca--layer5.netlify.app