🗜️🖼️ Compress images

[iArmanKarimi]

🖼️ Compress Images for Production Builds

Description

Currently, images are served without production-level optimization, which increases bundle size and negatively impacts load time and overall performance.

For production environments, images should be compressed and optimized to reduce payload size while maintaining acceptable visual quality.

---

Current Impact

• Larger network payloads
• Slower initial page load
• Unnecessary bandwidth usage

---

Expected Behavior

• Images are compressed in production builds
• Visual quality remains acceptable
• No change required from developers when importing images

---

Possible Approaches

• Enable build-time image optimization (e.g. compression during CI/build)
• Use optimized formats where applicable (WebP / AVIF)
• Apply lazy loading for non-critical images

---

Benefits

• ⚡ Faster page loads
• 📉 Reduced bandwidth usage
• 📱 Better performance on low-end devices and networks

---

Scope

• Build / production configuration
• No UI or API changes

---

Acceptance Criteria

• Image sizes are reduced in production output
• No noticeable visual degradation
• Development experience remains unchanged