嘿，我来帮你把这个问题掰扯明白——很多没接触过图形领域的朋友都会在「图片真实尺寸显示」这件事上踩DPI的坑，先给你吃个定心丸：这个需求完全可以实现，但你之前改DPI没用的核心原因是：DPI根本不是控制屏幕显示尺寸的关键。

DPI（每英寸点数）本质是给打印机用的参数——它决定了图片打印到纸上时，每英寸会排列多少个像素点。但屏幕显示图片靠的是像素（Pixel）：比如一张图片是800×600像素，不管你把DPI设成72、96还是300，它在屏幕上的「真实像素尺寸」就是800×600。不同屏幕的像素密度（PPI，每英寸像素数）不一样，所以实际显示的物理大小会有差异，但像素尺寸是固定的。

这就是为什么你让设计师改DPI后，图片显示尺寸还是不对——他只是改了图片的元数据，像素数没动，屏幕上的显示自然没变化。

首先得明确你说的「真实尺寸」到底是哪一种：

情况1：要显示「真实像素尺寸」（图片本身有多少像素，就显示多少像素） #

这个是最简单的，完全不需要碰DPI：

• 如果是在网页里：直接用<img src="你的图片路径">，不要手动设置width/height属性；或者明确指定宽高为图片的原始像素值，比如<img src="xxx.jpg" width="800" height="600">；
• 如果是在文档（比如Word、PPT）里：插入图片后，选择「锁定纵横比」，然后在尺寸设置里输入图片的原始像素值，同时关闭「压缩图片」功能；
• 如果是在软件里：找到图片显示的“实际像素”选项（比如PS里的「100%显示」），不要用缩放功能。

情况2：要显示「真实物理尺寸」（比如图片设计时是2英寸×2英寸，不管什么屏幕都显示这么大） #

这个需要一点技术处理，但也能实现：

1. 先确认图片的原始物理尺寸：这个是设计师在制作时确定的，公式是「物理尺寸 = 像素数 / 设计DPI」。比如一张1000像素宽的图，设计师用250DPI制作，那它的物理宽度就是1000/250=4英寸；
2. 然后根据显示设备的PPI（每英寸像素数），计算需要显示的像素数：「显示像素数 = 物理尺寸 × 屏幕PPI」。比如你的屏幕PPI是100，4英寸宽就需要显示400像素宽；
3. 具体实现：
   • 网页里可以用JavaScript获取屏幕PPI，然后动态设置图片的style.width和style.height；
   • 桌面软件里可以通过系统API读取屏幕PPI，再调整图片的显示尺寸。

先和客户确认清楚：他要的「真实尺寸」是“和图片原始像素一致的显示大小”，还是“和设计时的物理尺寸一致的显示大小”。

• 如果是前者，直接让图片以原始像素显示就行，和DPI彻底无关；
• 如果是后者，让设计师提供图片的原始物理尺寸和对应DPI，再根据显示设备的PPI去计算显示尺寸。

内容的提问来源于stack exchange，提问作者gattass69