Skip to content

Responsive Images #255

@RUKAYAT-CODER

Description

@RUKAYAT-CODER

Description

Overview
Images not optimized for different screen sizes and formats.

Background
Mobile users download oversized images wasting bandwidth.

Specifications

  • Implement srcset, picture element, and image CDN
  • Add lazy loading
  • Support WebP/AVIF formats

Tasks:

  • Create responsive image component
  • Configure image CDN (Cloudinary, Imgix)
  • Add automatic optimization

Impacted Files:

  • src/components/ResponsiveImage.tsx
  • src/lib/image-optimizer/*/.ts

Labels: priority-medium, performance, frontend

Acceptance Criteria
Images serve appropriate size for device

🙆Contribution Guidelines:
Assignment required before PR submission
Timeframe: 48-72 hours
PR description must include: Close #issue no
Star the repo⭐

Metadata

Metadata

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions