用途:imgix 通过 URL 查询参数对图片进行实时处理,并由 CDN 在边缘交付,无需自建服务端图像处理流程。适合响应式图片、实时变换与图片优化场景。
主要能力:URL 结构为 https://your-source.imgix.net/path/to/image.jpg?w=400&h=300&fit=crop,包含源子域名、源站图片路径与变换参数。支持尺寸(w、h、ar)、多种 fit 模式(clip、crop、fill、fillmax、max、min、scale、clamp、facearea)、裁剪与焦点(crop=faces/entropy/edges、fp-x、fp-y、facepad)、自动优化(auto=format,compress,按浏览器提供 WebP/AVIF 并优化压缩)、质量与格式(q、fm、lossless)、颜色调整(bri、con、sat、hue、gam、exp、vib)、滤镜(blur、sharp、sepia、monochrome、htn、px)、风格化(duotone、blend)、水印与文字叠加(mark、txt 及对齐、内边距、混合模式)。
使用方式:可直接拼接 URL 参数;也可用 JavaScript SDK(npm install @imgix/js-core)构建 URL 与 srcset,或用 React SDK(npm install @imgix/react)的 Imgix、Background 组件;Next.js 可通过自定义 loader 集成。支持 dpr 生成高分屏图片,以及用 secureURLToken 生成签名 URL 保护私有图片。
适用场景:缩略图、Hero 图、头像、卡片图、商品图库、LQIP 模糊占位图等。
限制:资料未提供具体价格数值,仅说明按主图、唯一变换缓存与带宽计费;建议使用一致的变换参数以提高缓存命中。其余平台支持与效果细节暂未提供。