Css 仅使用空格增加gif维度

我有各种尺寸的图像，我想懒洋洋地加载它们。 例如： （无懒散负荷）

（懒洋洋的）

$（'img.lazy'）.lazyload（）；

在它们成功加载之前，我想在其位置显示一个正在加载的gif。然而，我也希望它的尺寸在图像完成加载之前稳定到所需的尺寸，但不是gif尺寸本身，因为低清晰度gif在缩放时会非常难看

因此，将上述内容转化为几点：

• 添加

  width=200px

  会将旋转的gif拉伸成一个非常难看的大gif
• 如果不这样做，在加载200x200.jpg之前，旋转gif只能占用16x16的空白
• Making-into（根据我自己的noob尝试），将其文件大小从1.7kb增加到14.8kb，增加了770%

---

那么，有没有一种方法可以在原始尺寸中显示旋转加载的gif，但让它占据我喜欢的空白，可能是CSS？

我猜您是在问如何用另一个图像替换加载的gif，然后更改其尺寸？只需设置宽度或高度中的一个就可以了。嗨@reisio，谢谢你，但我要问的不仅仅是>谢谢你的编辑顺便说一下：P你想增大较小图像的大小吗？嗨@reisio我已经用编辑回答了你的问题，希望这能让问题更清楚？

<img src='200x200.jpg' />

<img class='lazy' src='16x16loading.gif' data-original='200x200.jpg' />
<script type='text/javascript'>$('img.lazy').lazyload();</script>