首页 > 网站建设 > 蓝韵观点 > 设计前沿 > 什么是DPI?
什么是DPI?

作者:admin来源:站酷时间:2019.01.23

DPI?DPI是啥?说到DPI,这可是一个有趣的话题。DPI是Dots Per Inch的缩写,一旦理解,这个概念变得更加直接,但解释它需要一些阐述。它经常与像素分辨率相混淆,它对网络图像和一般用途(打印)的重要性有时会被误解。

更让人困惑的是,你也可能会看到使用PPI这个术语 - 这个缩写词的意思是每英寸像素(Pixels Pin Inch)。在任何情况下,DPI和PPI经常是混淆的,并且关于DPI在PPI中被错误的使用将会有一个永恒的争论。即使软件和整个操作系统都使用DPI,而实际上PPI在技术上更准确。本文将主要关注使用DPI作为其工作术语。

DPI用于计算物理测量值。例如,打印机不能以像素为单位工作,因此我们需要一种将屏幕像素尺寸上的内容转换为可打印格式的方法。因此,我们有每英寸点数的测量值,它定义了打印密度,并通过我们的数字像素分辨率桥接了英寸的物理测量值。

假设您想要以每英寸300点的速度打印6x4“照片,这被认为是高分辨率打印的较佳选择。为此,我们将计算:

6x300 = 1800

4x300 = 1200

因此,在创建新文档或调整图像大小时,我们可以将宽度和高度(以像素为单位)设置为1800x1200px。如果我们按照每英寸300点的打印指令将其发送到打印机,结果将是物理尺寸正好为6x4英寸大小。同样地,假设我们要以每英寸300点的速度打印一张8x10英寸的照片:

8x300 = 2400

10x300 = 3000

这次我们将文档大小设置为2400x3000px。再次,一旦以300DPI发送到打印机,结果将是精确的8x10“英寸。

但是,假设我们希望打印一张8x10“的照片,而不是200DPI的照片:

8x200 = 1600

10x200 = 2000

如您所见,这是一个较低的像素分辨率。如果我们以200DPI将此图像发送到打印机,则物理尺寸在8x10“时是正确的。但是,如果我们在没有缩放的情况下以300DPI发送它,那么得到的图像大小将是5.3x6.6英寸。

Affinity Photo的“新建文档”对话框,在像素和英寸之间切换作为度量。请注意如何根据DPI自动计算像素分辨率(300)。

 

考虑到这一点,将DPI视为物理测量和数字像素之间的桥梁。这是确定印刷媒体尺寸和质量的一种方法。

 

DPI用于打印作品

DPI被大量用于准备印刷或编辑工作。例如,如果要打印横幅,可能会要求您提供英寸或厘米的输出,但DPI为150或120.例如,让我们看一下横幅打印的设计规范:

28英寸乘14英寸,120 DPI

当我们将这些值输入到新文档对话框中时,我们较终得到以下像素分辨率:

3360x1680像素

对于较大的打印尺寸来说,似乎像一个小像素分辨率不是吗?事实上,分辨率几乎等于超过500万像素。然而,我们需要考虑印刷媒体:横幅是大型广告,旨在远距离观看和阅读,而不是近距离仔细检查。因此,打印密度可以更大:这对应于较低的DPI,并且随后是较低的像素分辨率。

相反,如果我们尝试使用300DPI的测量值创建文档,我们的像素分辨率将为:

8400x4200像素

这大约是3500万像素 - 并非不合理,但仍然相当大。如果我们设计一个非常大的横幅怎么办?比方说8 x 3英尺(或96 x 36英寸):

28800x10800像素

那太大了!编辑也很困难,甚至更难获得(例如摄影)的素材。这种密度也是多余的,我们不太可能在横幅的预定观看距离上看到并欣赏这种差异。

左:以72dpi显示15x12英寸的文档。右:同样的15x12英寸文档“显示”300dpi。

DPI(或PPI)会影响质量吗?

这就是令人困惑的地方。常规数字内容(例如网络图像),其元数据中通常规定DPI/PPI为72或96。如今,在大多数情况下,这些数字被认为是任意的。仅仅因为这个值较低,并不意味着它的分辨率或质量较低。它只是一个有助于确定显示和打印尺寸的测量值。

这里较关键的是像素尺寸或分辨率。这是构成图像的物理像素数,它决定了图像的清晰度和视觉保真度。例如,3840x2160的图像将包含更多细节,并且能够在1920x1080处显示大于相同图像的图像。两幅图像的DPI / PPI均为72,但这个数字与数字显示图像的清晰度无关。

实际使用DPI值的示例是页面布局/桌面排版软件 - DPI值通常用于计算图像放置到页面上时的初始大小(相对于文档的DPI和大小) 。

 

处理高DPI / RETINA

随着高DPI和Retina显示器的出现,这导致了DPI在显示数字内容方面的相关性的进一步混淆。高DPI背后的前提是具有更高的像素密度,本质上是将更多像素塞入相同的物理显示尺寸。

我们以典型的24英寸显示器为例。传统上,我们将此大小与1920x1080的像素分辨率相关联。但是,相同尺寸的高DPI屏幕可能具有3840x2160的像素分辨率。这是相同尺寸屏幕上像素数量的四倍,从而产生更高的像素密度和更清晰的图像。

为了提供与这些屏幕的清晰度和清晰度相匹配的图像内容,我们需要提供更高分辨率的图像版本。虽然应用程序中的图标可以在普通屏幕上以32x32像素显示,但提供64x64像素的版本对于高DPI屏幕将是谨慎的做法,这样才能获得清晰和专业的结果。至关重要的是,尽管像素分辨率较高,但图标在屏幕上仍保持相同的物理尺寸。

响应式高DPI图像的分辨率变化示例。

 

 

这就是一般的答案:重要的是提高像素分辨率。公认的惯例是提供像素分辨率加倍的图像版本:例如,1600x1200变为3200x2400。这样,3200x2400图像占用与1600x1200图像相同的物理空间,但增加的像素密度使其在高DPI屏幕上看起来清晰。

对于Web和UI图像,惯例是将@ 1x,@ 2x(等等)附加到文件名以表示密度。@ 2x通常是@ 1x分辨率的两倍,虽然这不是一成不变的:你可以有分辨率变化,如512px,960px,1280px,1600px,2560px等。

 

逻辑与物理像素

您可能已经看过这两个术语,特别是在网页设计中。有一个明显的区别:

  • 逻辑像素是逻辑显示尺寸,例如1920x1080

  • 物理像素是表示此显示尺寸的实际像素数,例如3840x2160

这是一个很好的例子 - 你可能有一个智能手机屏幕,它可以显示物理像素是逻辑像素的3倍。从逻辑上讲,其屏幕大小可能为640x360,但表示此大小的物理像素可能为1920x1080。结果是一个非常清晰的图像,没有明显的“锯齿”(或锋利的边缘)。

我更喜欢用“不动产”来解释逻辑像素。例如,屏幕分辨率为1920x1080的24英寸显示器为您提供了一定数量的“不动产”可用空间。从理论上讲,3840x2160的屏幕分辨率可能是房地产的两倍,但在同一台24英寸的显示器上,一切看起来都太小了-相反,整个操作系统界面都被放大了。

左图:桌面屏幕显示在3840x2160。右图:桌面屏幕显示在3840x2160但是在“高DPI”或“Retina”中,逻辑像素分辨率为1920x1080。

 

上面的屏幕截图非常清楚地表明了这一点。在左侧,屏幕分辨率设置为3840x2160。在右侧,屏幕分辨率也设置为3840x2160,但在“高DPI”模式下,这意味着macOS正在执行200%的接口缩放(因此提供1920x1080的'逻辑'分辨率)。Windows提供了一个更灵活的系统,您可以在其中确定百分比的缩放比例,因此如果您想要更多“不动产”,您可以将缩放比例降低到175%而不是200%。macOS还以一种稍微限制性更强的形式提供了这一功能:系统首选项中的显示缩放允许您根据“较大文本”或“更多空间”的首选项进行选择。

“不动产”的较后一个例子是:苹果的27英寸5k iMac的分辨率高达5120x2880,但如果你在逻辑上显示这个大小,一切都会变得很小。相反,正如上面提到的,接口被扩展到200%,因此实际上得到了2560x1440的逻辑分辨率(顺便说一句,这仍然没有什么可以让你嗤之以鼻)。

 

总结一下

对于数字内容而言,也许较有用的建议是......不要过于担心DPI!专注于您的像素分辨率,因为它较终决定了图像的细节和清晰度。DPI本身并不决定图像的分辨率:但它用于计算打印图像的“物理”大小。

在处理打印工作时,为实现精确打印,推荐的准确打印工作流程是使用所需的测量值创建新文档并使用较佳DPI值。300适用于大多数较小的打印作品(高达A3),但不要害怕使用较低的DPI值(例如200)用于较大的打印:打印机通常可以很好地插入这些信息并产生高质量的结果。

 

简而言之:

  • 数字/屏幕作品:以像素为单位,例如2560x1440;

  • 打印作品:考虑尺寸和DPI,例如240 DPI时5x7英寸。

 

 

与蓝韵项目经理通话

请输入正确的手机号码格式

信息保护中请放心填写

在线咨询
 
提交成功
关闭浮窗