Image optimization (WebP/AVIF, lazy-loading, srcset)

[unrealbg]

Problem

Images are not optimized for web: no responsive variants, lazy loading, or modern formats.

Proposal

• Generate responsive size variants on upload.
• Use loading=lazy and srcset/sizes in markup.
• Prefer WebP/AVIF with fallback to JPEG/PNG.

Alternatives considered

• Serve only original images.

Acceptance criteria

• Generate size variants on upload
• Use loading=lazy and srcset/sizes
• Prefer WebP/AVIF fallback to JPEG/PNG

Technical notes

• Server-side processing pipeline
• Store variants in wwwroot/images/posts with naming convention

Risks

• Increased storage for variants; browser compatibility.

Additional context

Labels: enhancement, performance