提供者

Unsplash

Nuxt Image 与 Unsplash 有着紧密的集成。

Unsplash 和图片模块之间集成。查看 Unsplash 许可 以了解允许的用途。

动态可调整大小的图片

Unsplash API 返回的每张图片都是一个动态图片 URL,这意味着只需调整图片 URL 的查询参数,即可操作图片以创建新变换。

这使得可以在客户端实时调整图片大小、裁剪、压缩和更改图片格式,而无需任何 API 调用。

在幕后,Unsplash 使用 Imgix(一个强大的图片操作服务)来提供动态图片 URL。

支持的参数

Unsplash 正式支持以下参数

  • w, h: 用于调整图片的宽度和高度
  • crop: 用于对图片应用裁剪
  • fm: 用于转换图片格式
  • auto=format: 用于根据用户浏览器自动选择最佳图片格式
  • q: 用于在使用有损文件格式时更改压缩质量
  • fit: 用于更改图片在指定尺寸内的填充方式
  • dpr: 用于调整图片的设备像素比

Imgix 提供的其他参数也可以使用,但我们并不正式支持它们,将来可能会随时取消对它们的支持。

💫 提示 API 返回的图片 URL 包含一个 ixid 参数。所有图片 URL 的调整大小和操作必须保留此参数,因为它允许您的应用程序报告图片浏览量并符合 API 指南。