// ❌ BEFORE: Loading original size (4000x4000 -> 16MB)
Image.network('https://example.com/large_image.jpg')

// ✅ AFTER: Specifying cache size (200x200 -> 160KB)
Image.network(
  'https://example.com/large_image.jpg',
  cacheWidth: 200,
  cacheHeight: 200,
)

// ❌ BEFORE: Loading original size
Image.asset('assets/images/banner.png')

// ✅ AFTER: Specifying cache size
Image.asset(
  'assets/images/banner.png',
  cacheWidth: 800,  // Device width x 2
)

// ❌ BEFORE
CachedNetworkImage(
  imageUrl: imageUrl,
  placeholder: (context, url) => CircularProgressIndicator(),
)

// ✅ AFTER
CachedNetworkImage(
  imageUrl: imageUrl,
  memCacheWidth: 200,
  memCacheHeight: 200,
  placeholder: (context, url) => CircularProgressIndicator(),
)

// ❌ BEFORE
Container(
  decoration: BoxDecoration(
    image: DecorationImage(
      image: NetworkImage(imageUrl),
      fit: BoxFit.cover,
    ),
  ),
)

// ✅ AFTER
Container(
  decoration: BoxDecoration(
    image: DecorationImage(
      image: ResizeImage(
        NetworkImage(imageUrl),
        width: 400,
        height: 300,
      ),
      fit: BoxFit.cover,
    ),
  ),
)

// ❌ BEFORE: Large image per list item
ListView.builder(
  itemBuilder: (context, index) => ListTile(
    leading: Image.network(items[index].imageUrl),
  ),
)

// ✅ AFTER: Optimized thumbnail
ListView.builder(
  itemBuilder: (context, index) => ListTile(
    leading: Image.network(
      items[index].imageUrl,
      cacheWidth: 56,  // Default leading size
      cacheHeight: 56,
    ),
  ),
)

// 2x display size (for Retina)
cacheWidth = displayWidth * 2
cacheHeight = displayHeight * 2

// Maximum limit (based on devicePixelRatio)
maxCacheWidth = displayWidth * devicePixelRatio

@flutter-image-optimizer 현재 이미지 메모리 사용량 분석해줘

실행 과정:
1. @flutter-inspector-image img_get_cache_stats 호출
2. img_analyze_warnings로 문제점 식별
3. 프로젝트 코드에서 Image 위젯 검색
4. 최적화 기회 목록 생성

@flutter-image-optimizer home_page.dart의 이미지들 최적화해줘

실행 과정:
1. 파일 내 Image 위젯 탐색
2. 각 이미지의 표시 크기 분석
3. cacheWidth/cacheHeight 자동 추가
4. 변경 사항 적용

@flutter-image-optimizer 최적화 결과 리포트 생성해줘

리포트 내용:
- 최적화된 이미지 수
- 예상 메모리 절감량
- Before/After 비교
- 추가 권장 사항

class ProductCard extends StatelessWidget {
  final Product product;

  @override
  Widget build(BuildContext context) {
    return Card(
      child: Column(
        children: [
          Image.network(
            product.imageUrl,
            fit: BoxFit.cover,
          ),
          Text(product.name),
        ],
      ),
    );
  }
}

class ProductCard extends StatelessWidget {
  final Product product;

  @override
  Widget build(BuildContext context) {
    return Card(
      child: Column(
        children: [
          Image.network(
            product.imageUrl,
            fit: BoxFit.cover,
            cacheWidth: 400,  // Card width x 2
            cacheHeight: 300, // Image area height x 2
          ),
          Text(product.name),
        ],
      ),
    );
  }
}

// High-resolution device support
final devicePixelRatio = MediaQuery.of(context).devicePixelRatio;
final cacheWidth = (displayWidth * devicePixelRatio).toInt();

// Measure actual size with LayoutBuilder
LayoutBuilder(
  builder: (context, constraints) {
    return Image.network(
      imageUrl,
      cacheWidth: (constraints.maxWidth * 2).toInt(),
    );
  },
)

// When same image used at different sizes
// Unify to largest size or use separate URLs

// ❌ Inefficient: caching same image at multiple sizes
Image.network(url, cacheWidth: 100)  // Thumbnail
Image.network(url, cacheWidth: 400)  // Detail

// ✅ Efficient: server provides different sizes
Image.network('$url?size=small', cacheWidth: 100)
Image.network('$url?size=large', cacheWidth: 400)

// Pre-cache important images at app startup
void precacheImportantImages(BuildContext context) {
  for (final url in importantImageUrls) {
    precacheImage(
      ResizeImage(
        NetworkImage(url),
        width: 400,
      ),
      context,
    );
  }
}

// Adjust cache size in app settings
void configureImageCache() {
  PaintingBinding.instance.imageCache.maximumSize = 100; // Image count
  PaintingBinding.instance.imageCache.maximumSizeBytes = 100 << 20; // 100MB
}