如何算出图片的尺寸 mm 或者 cm

Question

如何算出图片的尺寸 mm 或者 cm

Answer 1

我觉得这不是一个坏问题啊，为什么会有那么多人踩呢？不要急着踩别人，你会算的话，你出来给我走两步看看？

dpi概念

首先，我们要明确两个概念：dpi和ppi，dpi是dot per inch的缩写，ppi是pixel per inch的缩写，意思就是“每英寸多少像素”。在显示器上，dpi就等于ppi，所以我们下面就都以dpi为例。

那么我们的显示器的dpi怎么算呢？首先，你可以通过显示器的设置，查看一下你当前的分辨率是多少，比如我现在正用的这台显示器，它的分辨率是2560x1440，根据勾股定理（装逼的话也可以叫毕达哥拉斯定理，爱国人士称为勾股定理，虽然实际上勾股从来就不是一个定理，而毕达哥拉斯是真真正正证明了这个定理的），我们可以算出对角线是2560的平方加上1440的平方然后再开根号，得到2937.20956，那么因为这台显示器大约是27英寸的，所以我们可以用2937.20956除以27英寸，得到108.7855，这就是这个显示器的dpi了。

计算图片的厘米数

接下来的事情就好办了，假设，你有一张jpg图片或者png图片，它的宽是1088像素，用这个值除以上面的dpi，就可以得到10英寸这个数值，接下来，我们再把英寸换算成厘米，因为一英寸等于2.54厘米，所以这张图片的宽度就是25.4厘米，254毫米，高度的计算类似。

用js求解

接下来，这位大兄弟问怎么样用Javascript获得这个尺寸？

那么，首先我们必得要先知道如何用Javascript获得dpi。可以这样做：我们先造出一个虚拟div，设定它的宽和高都是1in，也就是1英寸，注意是1in而不是1px哦，不要搞错了。比如这样：

<div id="dpi" style="height: 1in; width: 1in; position: absolute; left: -100%; top: -100%;"></div>

然后我们再用js算一下它的像素宽度就得到了这台显示器的dpi：

function getDPI() {
  return document.getElementById("dpi").offsetHeight;
}

得到了dpi，聪明如你一定能猜出如何计算图片的尺寸了吧？