图像标签中“自然 1x1”的含义

Posted 2023-03-07

【中文标题】图像标签中“自然 1x1”的含义

【英文标题】：Meaning of "Natural 1x1" in an image tag

【发布时间】：2013-12-24 13:06:40

【问题描述】：

我正在使用 Chrome 开发工具查看一个 img 标签，该标签具有 1x1 图像的 src 属性：

页面上的图像实际上是 199 x 362。这个“自然 1x1”规格是什么？我注意到页面上还有其他几张图片具有完全相同的 1x1 src，但图片不同。

有人知道这里在做什么吗？

我想下载图片，但我得到的只是所有 img 标签的 1x1 相同。

谢谢

【问题讨论】：

这是一个防止右键下载图片的技巧。它们在真实图像上覆盖一个带有透明像素的元素，所以如果你右键单击你会得到 1px 元素。这些不是您要寻找的机器人。在 dom 检查器中搜索附近的图像元素以获取您的真实图像。

【参考方案1】：

这是图片的原始尺寸（下载后您会看到）。 199x362 是通过 CSS 拉伸（定义宽度和/或高度）实现的页面大小。

您可能正在查看一个透明的 GIF 像素，通过拉伸将其转换为矩形，并将其置于其他东西之上。

所以这个：

x

变成这个（或任何大小）：

\   /
 \ /
  X
 / \
/   \

【讨论】：

这是应该的。不过，似乎有一个错误（？），在 Chrome 版本 66.0.3359.139 中注意到它，有时显示的数字不是原始大小。我不知道还有什么...