css - 以像素为单位测量图像上的距离

Question

我有一张想要转换为 HTML 页面的图像。我拥有的图像是 1:1 比例的 PNG。

例如，我想测量图像上元素的宽度、高度、填充，以便我可以将其转换为 CSS。

测量图像上两点之间的像素距离的最简单方法是什么？如果我可以为此目的避免使用Photoshop，那将是最好的。

Answer 1

我发现您使用 .PNG 而不是可编辑文档工作很奇怪。在这种情况下，选择元素并查看它们的尺寸是微不足道的。相反，您可能必须在某种图像处理软件中打开图像，放大并使用每个元素周围的选框和填充/间距进行测量，以获得您的尺寸。

如果需要，您甚至可以在 Microsoft Paint 中执行此操作。选择工具在您拖动时为您提供选择的像素尺寸。