PPI（每英寸像素）设置不用于 Web 图像。Web、Retina 显示器或其他设备上的图像按其像素尺寸（宽度和高度）显示，而不是任何 PPI/DPI 设置。事实上，许多 web 图像，如 png、gif、jpg 甚至可能不会在其内部数据中存储 ppi 设置，而是依赖于宽度和高度设置。

无论任何 PPI/DPI 设置如何，100 像素 x 100 像素的图像都会在 Web 上显示。

这就是为什么视网膜显示器的图像以 2 倍大小保存，而不是增加 ppi 设置。视网膜显示器的像素密度更高，但是，无论屏幕状态是图像的宽度和高度，它们仍然显示图像，而不是基于任何 PPI 设置。

实际上，使用 72ppi 像素密度的显示器自 1980 年代初到中期以来就没有出现过。40 多年来，72ppi 一直不准确。事实上，它对于 Windows 系统从来都不是准确的，因为 Windows 使用默认的 96ppi 来表示像素密度。

不相信我？自己试试吧。在 Photoshop 中创建两个 100 x 100 像素的图像。使一个图像 72ppi 和另一个 300ppi。将它们都保存为网络..它们在网络浏览器中是否有任何不同？没有。它们都是 100 像素 x 100 像素的图像。

DPI（每英寸点数）设置仅适用于打印图像。DPI 与用于屏幕的图像无关。DPI 是指印刷机将在一英寸内放置的墨点/墨点的数量。由于地球上没有显示器使用墨水，因此 DPI 不适用于与显示屏相关的任何内容。

请注意，一些移动制造商选择使用术语 DPIx 或 xDPI，有时简称为 DPI。这不是首字母缩略词的传统形式，制造商只是把水搅得一团糟。如果您看到与移动屏幕分辨率相关的 DPI，那么他们说的是有效 PPI，而不是真正参考每英寸点数。更合适的首字母缩略词应该是 xPPI 或 PPIx，因为移动屏幕和所有显示器一样，​​使用像素而不是墨水。

您对网络图像使用什么 ppi 设置没有任何区别。重要的是图像的（像素）宽度和（像素）高度。

处理多个图像时，保持一致很重要。如果您在图像之间移动片段，您将希望将所有图像设置为相同的 ppi，以避免调整大小和缩放方面。无论您选择使用 72、96、200 还是 145.8 ppi 都没有关系，但所有图像都应设置为相同。

虽然 PPI 绝对无关紧要——像素尺寸对 Web 和应用程序设计很重要，但在使用设计应用程序和混合 PPI 设置时应该非常小心。原因如下：

但是，如果您计划对每个文档使用 Photoshop 和不同的像素密度，则在文档之间拖动图层和复制图层样式会缩放图层样式 - 将图层从 326PPI Retina iPhone 文档拖动到 264PPI Retina iPad 文档将意味着所有图层样式都会被缩放20%（然后四舍五入到最接近的整数）。这可能不是你想要的。此外，无论您如何设置，OS X 的预览都会以准确的尺寸显示 72PPI 图像。

每英寸像素只是一个标签

正是出于这些原因，我将 72PPI 分配给我的所有设计文档，我建议您也这样做。要在不调整图像数据大小的情况下更改 Photoshop 文档的像素密度，请打开“图像大小”对话框，取消选中“调整图像大小”并键入所需的像素密度。

我将通过示例详细说明“dpi”的实际含义；有了这个，你可能会自己看到答案。：

简而言之，您的图像由相邻的颜色点组成。但是在任何物理意义上都没有大小。

现在，当您在屏幕上显示图像时，通常只需将图像的点颜色放入屏幕可以显示的彩色矩形光栅中。请注意，我在这里所说的“点”和矩形都称为“像素”——但仔细观察它们是不同的。

如果我们以这种自然的方式在屏幕上显示图像，我们可以测量它的大小。
例如，我们的图像是 500 点宽，我们将它们放在屏幕上的彩色矩形中，看到它是 5 英寸宽。然后，我们每英寸有 100 个矩形，每英寸显示 100 个点。
也就是说，我们的图像在屏幕上有 100dpi。
但是我们甚至没有查看图像文件中的 dpi 值！

现在，如果我们查看我们的文件，很可能会说图像是 200dpi！dpi 值是关于每英寸屏幕宽度或高度可见多少个色点。因此，图像中的 dpi 值告诉我们，我们的图像在显示时将是2.5 英寸宽——这是一个承诺，而不是事实。

当我们将图像点分配到屏幕上时，我们甚至都不在乎，因为我们只是显示它，并测量图像的屏幕表示的实际物理 dpi。
所以，如你所见，这个承诺是完全错误的。而且没人在乎！因为它只是不相关。

该文件很有希望 - 通过说 200dpi - 它将“显示时为 2.5 英寸宽”。然后，我们使用了一个显示为 5 英寸宽的屏幕——我们可以知道这一点，因为我们知道实际的屏幕是什么。
通常我们甚至不知道最终用户将使用什么作为显示，所以我们只能猜测，

所以，现在它是有道理的：

• 我们不知道屏幕上显示的图像的 dpi，因为我们不知道屏幕。
• 但是我们知道它应该是什么样子，“大概这个尺寸……好吧，那么我们需要大约 200dpi 左右。” 并将“200dpi”保存在文件中
• 后来，我们看了看屏幕，测出它实际上是 100dpi；

而且，图像不仅可以显示在一个屏幕上——它们的大小可能不同，因此在创建图像文件时甚至不可能知道真实的 dpi 值。

另请参阅我对“像素”到底是什么的回答？.

直接上题，基于以上：

当您在图像文件中指定 dpi 时，这与最终显示的图像质量没有直接关系。
但它可用于传达有关图像质量的信息 - 就意图而言：您可以说“我希望此图像显示在 200dpi 屏幕上”。

如果我想展示这张图片，我可能会小心寻找一个 200dpi 的屏幕；或者也许我只是使用可能在我桌子上的旧的 75dpi 屏幕。图像会很大，我必须滚动 - 但这是我的问题，而且：你甚至不会发现真正使用了什么 - 200dpi 值不能控制图像质量- 它只是传达了如何“正确”显示它方式”，如果我在乎的话。

我刚刚测试了我用 Photoshop 制作的图像的两个副本。但是，我将一个设置为 72 dpi，另一个设置为 720 dpi，以查看我使用的任何浏览器是否会在屏幕上呈现不同的大小。

在除一个浏览器之外的所有浏览器上，它们看起来都相同——无论是大小还是质量。然而，使用谷歌浏览器，72 的那台看起来不错，但 720 的那台非常小——就像它的 1/10 一样大。

好伤心。这看起来像是将所有独立（不受网页限制）图像设置为 72 的论据。实际上我的所有图像（数百个）都是 120 dpi。即使它们在 Chrome 上看起来仍然足够大，也许考虑到那个浏览器，我应该努力把它们都放在 72 岁。也许在 Chrome 偏好的细则中的某个地方有一个补救措施。