Html 内联/编码SVG作为Lazyload占位符

我正在使用lazyloader通过Javascript将

占位符替换为真实图像

在响应站点上使用占位符图像（通过CSS覆盖

width

和

height

属性）会在加载不同比例的真实图像时导致内容跳跃。所以我的计划是插入带有最终图像尺寸的简单内联SVG代码

这是个好主意吗

如何处理

与

标签？（需要作为预加载占位符）

---

[编辑以获得更清晰的说明-谢谢@Robert Longson]

appelsini.net lazyload

$("img.lazy").lazyload({
    effect      : "fadeIn",
    placeholder : "" // null or free
    //placeholder   : "loading.gif"
});

img.loading  {
    background: transparent url(../image/load.gif) no-repeat center center; 
}

<img class="lazy loading" ... />

$（“img.lazy”）.lazyload({
效果：“法登”，
占位符：//null或free
//占位符：“loading.gif”
});
装填{
背景：透明url（../image/load.gif）无重复中心；
}

我认为您需要问一个更好、更具体的问题。目前，有人可以回答“是”或“否”，这两种回答可能对您都没有太大帮助。请更详细地解释一下解决方案。