Skip to content

Performance — image optimization pipeline #37

@raggopaluni

Description

@raggopaluni

Description

Optimize images before storage for fast load on all phones.

On admin upload:

  1. Resize to max 800x800px
  2. Convert to WebP
  3. Compress to under 100KB
  4. Store in Supabase storage
  5. Serve via Supabase CDN

Libraries: browser-image-compression (React), Supabase storage transform.

Acceptance Criteria

  • No product image over 100KB
  • Images load under 1 second on 4G
  • WebP format used
  • Fallback to JPG on older browsers
  • Admin sees preview before save

Dependencies

Issue #10

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions