useImageOptimization

Image optimization and processing composable.

Import

const {
  optimizeImage,
  generateThumbnail,
  resizeImage,
} = useImageOptimization()

Methods

Method	Parameters	Returns	Description
optimizeImage	file: File, options?: OptimizeOptions	Promise<Blob>	Optimize image
generateThumbnail	file: File, width: number	Promise<Blob>	Create thumbnail
resizeImage	file: File, maxWidth: number, maxHeight: number	Promise<Blob>	Resize to max dimensions

Optimization Options

interface OptimizeOptions {
  maxWidth?: number    // Default: 4000
  maxHeight?: number   // Default: 4000
  quality?: number     // Default: 0.85 (JPEG)
  format?: 'jpeg' | 'png' | 'webp'
}

Source

app/composables/useImageOptimization.ts