Unsplash API 控制图像质量

Question

是否可以使用 Unsplash API 或任何其他方式控制嵌入在网络上的图像的质量？ 正如您在下面的示例中看到的，嵌入的图像不清晰和模糊，而原始图像处于良好状态。

原图链接： https : //unsplash.com/photos/MDZAbQApcKY

通过其 API 嵌入上述图像的示例：

 #test { width: 100vw; height: 100vh; background-size: cover; background-image: url("https://source.unsplash.com/MDZAbQApcKY"); }

 <div id="test"></div>

Answer 1

Unsplash 文档

Unpslash 支持以下参数：

w, h:用于调整照片裁剪的宽度和高度：用于对照片应用裁剪

fm:用于转换图像格式

auto=format:根据用户浏览器自动选择最佳图像格式

q:用于在使用有损文件格式时更改压缩质量

fit:用于在指定尺寸内更改图像的适合度

dpr:用于调整图像的设备像素比例

 #test { width: 100vw; height: 100vh; background-size: cover; background-image: url("https://images.unsplash.com/photo-1627156863760-f49b81d8ab77?fm=jpg&w=3000&fit=max"); }

 <div id="test"></div>