html - 如何将响应式图像与签名网址结合起来

Question

我正在使用 signed urls对于图像，但也希望它们能够响应。我真的需要在所有尺寸的图片上签名吗？如果首先确定要显示的实际大小，这似乎更有效，所以我只需要为该图像提供一个签名的 url。有没有通用的方法？

例如这个 html:

<img srcset="elva-fairy-320w.jpg 320w,
             elva-fairy-480w.jpg 480w,
             elva-fairy-800w.jpg 800w"
     sizes="(max-width: 320px) 280px,
            (max-width: 480px) 440px,
            800px"
     src="elva-fairy-800w.jpg" alt="Elva dressed as a fairy">

我是否需要对 srcset 中的所有 elva-fairy url 进行签名？

Answer 1

是的，您需要为每个独特的图像使用不同的签名 URL。签名 URL 不会自动调整大小或重定向到存储桶中的其他对象。