简单来说，就像这样:

<img id="give_me_src"/>

<img src="invis.gif" />

gif是一个单像素的透明gif。这在未来的浏览器版本中不会中断，并且自90年代以来一直在传统浏览器中工作。

PNG也可以工作，但在我的测试中，GIF是43字节，PNG是167字节，所以GIF赢了。

另外，不要忘记Alt标签，验证器也喜欢它们。

在我看来，这些天最好的简短，理智和有效的空img src的方式是这样的:

<img src="data:," alt>
or
<img src="data:," alt="Alternative Text">

第二个例子显示“Alternative Text”(加上Chrome和IE中的broken-image-icon)。

"data:，"是一个有效的URI。空媒体类型默认为文本/纯。所以它表示一个空文本文件，相当于“data:text/plain”，

OT:所有浏览器都能理解纯alt。你可以省略=""，这在HTML规范中是隐式的。

我知道这可能不是您正在寻找的解决方案，但它可能有助于提前向用户显示图像的大小。同样，我不完全理解最终目标，但这个网站可能会有所帮助:https://via.placeholder.com

它很容易使用，并允许显示所需大小的空图像。 同样，我理解您不想展示任何东西，但这可能也是一个优雅的解决方案。

 <img src="https://via.placeholder.com/300" style='width: 100%;' />

我有段时间没这么做了，但我也经历过一次。

<img src="about:blank" alt="" />

是我最喜欢的—//:0表示您将尝试在端口0 (tcpmux端口?)上与原始服务器建立HTTP/HTTPS连接—这可能是无害的，但我宁愿不这样做。哎呀，浏览器可能只看到端口0，甚至不发送请求。但我还是不希望你这么说因为这可能不是你想说的。

无论如何，在我测试的所有浏览器中，about:blank的渲染实际上都非常快。我只是把它扔到W3C验证器中，它没有抱怨，所以它甚至可能是有效的。

编辑:不要这样做;它不能在所有浏览器上工作(它会显示一个“破碎的图像”图标，正如在这个答案的评论中指出的那样)。使用<img src='data:…下面的解决方案。或者如果你不关心有效性，但仍然想避免对服务器的多余请求，你可以执行<img alt="" />，不带src属性。但这是无效的HTML，所以要小心选择。

Test Page显示了一大堆不同的方法:http://desk.nu/blank_image.php—提供了各种不同的文档类型和内容类型。-正如下面评论中提到的，使用Mark Ormston的新测试页面:http://memso.com/Test/BlankImage.html

我发现，简单地将src设置为一个空字符串，并在CSS中添加一个规则来隐藏损坏的图像图标就可以了。

[src=''] {
    visibility: hidden;
}