如何在图片标签内使用Base64 SVG占位符

Question

到目前为止，我一直在使用下面的方法[1]将所需的空SVG视图框比率预加载到我的延迟加载的img标签上，然后javascript用实际图像覆盖它们。这样一来，页面就不会重新粉刷，并且看起来不那么抖动。根据以下文章，此方法在简单的img标签上效果很好，没有错误：

[https://css-tricks.com/probably-dont-base64-svg/#article-header-id-2][1]

我的问题是在picture标记内执行此操作。 srcset属性似乎不喜欢base64，但出现以下错误：

Failed parsing 'srcset' attribute value since it has an unknown descriptor.
Dropped srcset candidate "data:image/svg+xml,%3Csvg"

1. 这里发生了什么？
2. 是否可以将这种技术与picture标签srcset属性一起使用？
3. 用正确的语法有没有办法达到类似的效果？

Answer 1

srcset不允许该语法。请改用单独的img标签