如果您要问：

“我刚得到一个视网膜显示器，注意到一些网络图形看起来是多么模糊，即使它们以它们使用的实际尺寸保存。一个人应该为网络保存两倍大小的图像，因为那里有视网膜显示器吗？”

那么这是我的回答：

你是对的。您应该将您的网络图像制作成您实际需要的两倍大小，但这不是因为您现在有一个视网膜显示器，而是因为那里有像您这样的视网膜显示器的设备，它们将用于浏览您正在创建的网站。但是您应该在 CSS 中将图像的尺寸设置为实际尺寸（而不是双倍尺寸）。例如

• 你需要一个 20x20 的图标
• 设计它并将其保存为 40x40 图像
• 当您在网页上使用它时，请使用 CSS 表明它是 20x20 图像

图像将显示为 20x20 图像，但由于视网膜具有更高的密度，它将使用 4 个“物理”像素 (2x2) 来显示每个“常规”像素。

当在常规密度的屏幕上查看页面时，浏览器将对图像进行下采样，以便它们可以仅使用一个“物理”像素来显示每个“常规”像素。图像仍为 20x20。差异将（大部分时间）不明显。

如果由于下采样引入伪影而导致差异很明显，我建议在 CSS 中使用媒体查询来根据显示器的分辨率提供不同的图像。

物理和常规不是标准术语。我编的。

我认为您是在询问如何在使用视网膜显示器时进行设计，而不是在询问如何为视网膜显示器进行设计。您无需更改所选尺寸的任何内容。

如果您在视网膜显示器上创建一个 120 像素的标题，它将在非视网膜显示器上显示为 120 像素高 - 您无需更改您的行为，因为您使用的是视网膜显示器。

Mac OS X 会缩放您在幕后看到的所有内容，因此当您在 Photoshop 中创建 100x100 像素的图像时，它实际上会在您的显示器上占据 200x200 像素。如果您自己将像素加倍，您将有一个 200x200px 的图像以 400x400px 显示 - 这不是您的目标。

如果您想要一些证明，请尝试在 Photoshop 中创建一个 100x100 的图像，然后使用CtrlShiftCmd4它来截取它。现在CtrlV在一个新图层中，屏幕截图将是图像尺寸的两倍。

如果你想为视网膜显示器设计，任何关于尺寸的建议都与你使用的显示器类型无关。

只是想澄清我的观点：

我想知道我是否应该将 Photoshop 中的所有内容都加倍以获得它在非视网膜显示器上的外观 [...]？

要制作看起来像在非视网膜上的东西，您需要完全按照您之前所做的那样制作。

要生成只有视网膜才能完全显示的双分辨率图形（当然可以由非视网膜上的浏览器缩放），您确实需要将分辨率加倍。

但我的观点是，即使你现在没有使用视网膜显示器，你也必须这样做。

你是对的 - 目前，除了将 PSD 的分辨率加倍并使用 2 倍的像素外，没有其他简单的方法可以绕过视网膜显示器。

它实际上比听起来容易得多，并且非常适合非破坏性工作过程（例如，使用 Photoshop 多边形制作标准形状，矢量制作实体图标和复合形状，实现图层效果和混合模式，使用智能对象制作光栅图形ETC）。我非常支持避免光栅化，除非你别无选择，以防在这种情况下你的工作需要缩放或调整大小 - 为这些事情做好准备总是好的！

在 CSS 实现方面，请参阅 cockypup 的答案以获取更多详细信息。

祝你好运，没什么。:)

也许与 150dpi 的分辨率相同的大小，它将准备就绪。