什么是“像素”?


22

每当我做网络横幅广告时,“ Pixel”总是让我感到困惑。

我在工作中使用CorelDraw x5。我通常更喜欢使用英寸而不是像素,因为英寸对我而言非常直观。但是,当我执行“英寸到像素”转换时,我会感到困惑。

现在,我的客户要求提供1900x1200px横幅。我应该如何进行转换?


15
“像素没有大小” @Scott
Ilan

6
屏幕上的点是像素,屏幕可以是72ppi,75ppi,96ppi或120ppi或任何其他值。这些密度取决于每个发光点的物理尺寸。尺寸为1900x1200的屏幕的物理尺寸与每个发光点的物理尺寸有关。打印机上的点很可能为300dpi。结论:像素和英寸之间没有太大的相关性。
Andrew Leach 2014年


2
像素只是纯色的最小“段”。例如,如果我有一个正方形并将其平均分成4个较小的正方形,并使每个正方形具有一种颜色,则可以将其缩放为5英寸乘5英寸正方形或15英寸乘15英寸正方形,但是无论哪种方式只有4个“段”。因此,片段本身可以是任意大小,但是您使用多少个“片段”(像素)可以确定分辨率。.尝试仅用9种纯色块绘制MonaLisa ...糟糕的分辨率..用10,000,000块做到这一点(像素),并且分辨率很高。像素不能转换为英寸。
艾伯特·伦肖2014年

“尝试用9块单色颜料绘制MonaLisa”是我们在美术学校用酪蛋白完成的。
horatio 2014年

Answers:


29

只是将像素视为原子。原子是物质的最小粒子。其中,像素是数字图像的最小粒子。

原子具有中子,质子和电子,而像素具有红色,绿色和蓝色:)

每英寸或厘米(cm)等的像素数称为“分辨率”。

更高的分辨率意味着每单位长度更多的像素。

如果您要为网络/桌面设计,可以说 1 Inch = 72 pixels

对于胶印(通常使用300分辨率),您可以说 1 inch = 300 pixels

打印分辨率称为DPI,表示“每英寸点数”。像素就是点。点数越高,打印效果越好。

现在,我的客户要求提供1900x1200px横幅。我应该如何进行转换?

如果您的客户给您尺寸(以像素为单位),则它必须适用于台式机/网络,并且可以使用72分辨率进行设计。

如果他需要打印东西,则必须问他分辨率或尺寸,以英寸,厘米等为单位。


11
原子=像素。太棒了!
TorpedoBench


3
@PeteKirkham Atom具有中子,质子和电子,其中Pixel具有红色,绿色和蓝色值:)
Fahad Ur Rehman

1
@ user1021726夸克不是问题。子像素还具有内部结构,例如,两个偏振器,位于两个薄膜晶体管之间的液晶,产生电场以改变液晶状态的薄膜-在这里使用的类比中可以将它们称为“夸克”。
Ruslan 2014年

1
DPI在打印中存在一个小常见错误:DPI在打印中是打印机的分辨率(例如1200),此处描述的是PPI(每英寸像素数),请参见DPI(每英寸点数)与PPI(每英寸像素)?
user56reinstatemonica8'4

13

如果我的一个客户要求提供1920x1080px的图像,那么我首先需要知道预期的用途。是用于网络,打印还是两者兼而有之?


在印刷世界中,像素(或图片元素-[pict-el])没有意义或定义。像素无法以任何方式进行测量。它们没有预定义的大小或单位以计算其大小。因此,不是“现实世界”一词。它们严格来说是数字术语,仅指数字世界。

从广义上讲,像素是屏幕或监视器上的小点,由背光(CRT),LED,等离子或其他技术的颜色着色。这些不同颜色的小斑点(像素)中的每一个在设置在一起时都会形成人眼的图像。要使用现实世界的类比,请将其想象成一堵砖墙……每个像素将是一堵砖墙……图像将是一堵墙。

在许多应用程序中,对于许多人来说,1像素= 1点。(Adobe甚至使用此理论。)但是,这也不完全准确。点仅仅是现实世界中大多数设计师(而不是数字世界)使用的最小度量单位。

没有1英寸= 72px之类的东西,甚至没有接近的东西。地球上的每个屏幕都有不同的像素密度。一英寸中可以容纳多少个像素,完全取决于监视器的像素密度。

在用于Web的Photoshop中工作时,您Resolution在新文档字段中输入的内容基本上无关紧要。发往网络(或屏幕)的图像将使用其像素宽度和像素高度,而完全不引用“分辨率”设置。有关分辨率(ppi)和网络/屏幕的更多信息,请参见此处:对于网页设计,是否必须将图像保持在72DPI?对于网络,分辨率字段提供的唯一区别是它允许您在Photoshop中创建更详细的作品。但是在输出时,使用会忽略分辨率字段Save for Web。如果您使用Export而不是Save for Web分辨率,则根据您的操作系统使用分辨率来更改图像的像素宽度和像素高度所有的东西。Macintosh应用程序假定每英寸具有72像素,Windows应用程序假定每英寸具有96像素。这些都不是真的或真实的,但是工程师不得不使用一些东西。因此,更高的分辨率Export将导致更大的像素宽度和像素高度。

现在打印达到像素 .....分辨率或每英寸点数(DPI)。DPI本质上是指照排机(或制版机)在输出印版时产生的点密度。所有要打印的图像都需要经过半色调处理。除了特定的行屏幕或每英寸行数(LPI)之外,行屏幕或每英寸行数(LPI)确定要打印多少行点。半色调中点的密度决定了图像本身的细节水平和质量。具有较高DPI和LPI的半色调看起来比具有较低DPI和LPI的半色调好得多。如果要搜索屏幕和打印之间的任何关联,则最常见的用户发现一点逻辑就是认为1像素= 1点。这不是完全准确,但是它足够接近,如果使用此假设,这不是问题。人们在这里互换PPI和DPI术语,以为它们是同一件事。实际上,它们根本不相同,但是以为它们并没有太大的危害。

对于打印工作,ResolutionPhotoshop的新文档窗口中的字段至关重要。通常,您希望打印图像的分辨率为260或更高。这等于260DPI,这是175LPI(公共线屏)的最佳设置。300dpi是最常用的,因为它是一个值得记住的不错的,甚至是整数,而且DPI绝不是问题。总体计算实际上是LPI等于DPI的1.5倍。因此1.5 x 175 = 262.5。因此,其舍入为300dpi。

如果您知道预期的用途.....

  • 如果是用于网络或屏幕,只需以1920x1080px和所需的任何分辨率创建一个新文档。更高的分辨率将使您能够在Photoshop中进行更详细的工作,但不会改变图像的网络/屏幕输出。无论分辨率(ppi)如何,图像仍将以1920x1080像素输出(使用“保存为Web”)。

  • 如果图像用于打印或同时用于打印,那么我将使用Photoshop来了解打印时的物理尺寸。只需使用1920x1080的尺寸创建一个新文档,然后插入300作为分辨率。

在此处输入图片说明

现在,将“像素”下拉列表切换为英寸:

在此处输入图片说明

这使用的是Adobe内部的1px = 1pt理论,与其他任何理论一样好。但这给您一个大致的概念,即图像的大小约为6.5“ x3.5”。然后,我会与客户核对一下,以确保6.5x3.5英寸的图像能够满足他们的需求。

嗨[客户],

1920x1080像素的图像大约相当于6.5x3.5英寸的印刷产量。这个尺寸适合您吗?我应该放大打印吗?

谢谢!


1
也许我So a higher resolution upon Export will result in a larger pixel width and pixel height.读错了,但这不是:将会发生相反的事情吗?更高的分辨率不会导致导出时的像素变小吗?
rockerest 2014年

2
不会。像素是像素,没有较小或较大的像素之类的东西。像素没有大小。更高的分辨率导致导出时更大的图像。如果将图像设置为300ppi,则表示每英寸300像素,但如果设置为72ppi(Mac),则仅表示每英寸72像素,而对于96ppi(Win),则设置为每英寸96像素。导出时没有“每英寸”,因此像素密度不是一个因素,必须将像素并排放置在列中,垂直放置在行中。自然,300个项目将比72或96个项目占用更多的宽度和高度。
斯科特

2
@scott实际上有不同大小的像素...但这是在显示硬件(屏幕)的上下文中,而不是在图像数据的上下文中。有时1px(图像数据)会转换为1px硬件,因此可以说像素的大小不同。此外,您通常可以更改屏幕的像素分辨率,因此实际上是在更改像素的“大小”。我知道这有点古怪。
2014年

2
同意 混乱是背景。如果我们正在谈论图像数据,那是一回事,如果我们正在谈论硬件显示器,那是另一回事。谁的想法同时使用相同的术语!:)
DA01 2014年

2
警告:如果他们想要全高清,则可以将其用于视频帧!在这种情况下,它是完全不同的汤。
joojaa 2014年

6

Alvoy Ray Smith发表了一篇题为“像素不是一点正方形”的计算机科学论文(确实是有趣的备忘​​录)。

像素是样本。它仅存在于某个点。对于彩色图片,一个像素实际上可能包含三个样本,每个原色在采样点上为图片贡献一个样本。我们仍然可以将其视为颜色的点样本。但是我们不能将像素视为正方形-或除点以外的任何东西。

一个像素不是一个小正方形,
一个像素不是一个小正方形,
一个像素不是一个小正方形!
(体素不是一个小立方体)


可能比原始海报所需的要多得多,但对于网络图形书呆子来说是一个有趣的阅读!
AmeliaBR 2014年

OP要求“确切”解释。我不知道更确切的一个。:)
John Zabroski 2014年

是的,没错,这是一个问题,甚至Adobe也正在遭受...这是一个非常重要的概念。顺便说一句,adobe无法为您提供明显优越的选项或窗口化的sinc文件管理器。
joojaa 2014年

4

术语“像素”是“像素”的缩写。

图像由像素组成,这些像素只是矩形中的彩色点,没有size
为了显示图像,我们使用了一个可以显示彩色点的屏幕,并且需要确定要显示在何处的点


查看细节,图像由单独的点组成,每个点都有单独的颜色。就像您要用彩色填充四边形纸上的框时,每个框一个。重要的是,没有纸张(有尺寸),并且箱子没有物理尺寸,但很重要。只是关于哪个色点位于哪个色点之下或右边

如果您考虑屏幕上图像的大小,那就像在屏幕上显示此“纸”一样,但是我们不知道它实际上是“大”的英寸或毫米。

当我们想在屏幕上显示图像时,我们看到屏幕上还有一些可以显示颜色的“盒子”。两者都称为像素-但从技术上讲它们有所不同。

我们可以做的最简单的事情就是将每个彩色框形式的“纸张”分配给屏幕上的彩色框。
然后,屏幕上的尺寸(以实际实际厘米为单位)取决于屏幕上这些点的大小

如果需要一定的尺寸,我们可以做一些不同的事情:
我们可以自行决定图像的大小。我们需要知道屏幕点的大小。然后,对于每一行,我们可以计算可用于颜色点的屏幕点数。为了使其适合,如果我们的屏幕点多于颜色点,则需要多次使用某些颜色点,或者如果我们使用的颜色点少,则省略一些颜色点。


4

还有另一种困惑可以完成讨论:

在网站设计和布局中,无论屏幕分辨率如何,一个“ CSS像素” 始终等于“ CSS英寸”的 1/96。这样做是因为很多早期的网站都使用基于像素的尺寸作为布局的标准尺寸。为了使文本和其他内容的实际大小保持一致,网络浏览器会在屏幕像素和布局“ px”单位之间找到近似均匀的转换,并调整其对英寸的解释,以使“ px”和“在”。对于所有基于英寸的单位也是如此,例如字体的“ pt” -12pt font-size始终等于16px font-size

现在屏幕分辨率通常要比每英寸96像素好得多,因此从印刷界借用了“点”的概念来讨论屏幕的实际物理分辨率。甚至还有一个每像素点数(dppx)单位,用于描述与标准CSS像素成比例的物理分辨率。例如,新的“ Retina” Mac和iPhone屏幕为2dppx分辨率。

对于您的情况,我赞同其他人的建议:请您的客户澄清需要什么。就是说,通常,如果有人要求使用像素测量技术,那么他们会将其用于网站。精确按照他们要求的像素尺寸创建图像,然后将图像编辑软件设置为使用96dpi的分辨率,以便以您习惯使用的单位布置标尺和文本大小。

也就是说,如果您的客户发现自己想要的图像版本适合于Retina屏幕,那么以两倍于该分辨率(即192dpi)的分辨率实际创建图像可能不会有任何伤害。然后,图像软件应为您提供一种简单的方法,以较低的分辨率和较小的文件大小保存图像。将图像转换为比反向分辨率低的分辨率非常容易!


确实,CSS像素是CSS特有的度量单位,因此实际上与图像像素的概念无关。
2014年

是的,但是任何要求像素大小的工作的客户都可能在网络上使用它。我当然不是要提出这个答案来替代其他答案,而只是要补充一些其他内容。
AmeliaBR 2014年

@AmeliaBR:我认为这是很重要的信息,OP只是从一个天真无知的立场询问,这个问题涉及很多方面,尤其是在尝试非正式地获取信息时。
horatio 2014年

2

英寸是物理尺寸,而像素是屏幕尺寸。在相同的分辨率下,大屏幕上的像素在物理上更大,因为密度或PPI(每英寸像素)由屏幕的物理尺寸与分辨率控制。因此,将像素转换为英寸时,一切都取决于您希望的每英寸像素(PPI)。如果要300ppi(打印标准),您只是在说“将300像素压缩到实际英寸”。与要求72ppi的结果相比,这导致了更高的质量,因为更少的像素等于更少的质量信息塞入该英寸。

屏幕通常被认为是72ppi,但这只是默认设置,与屏幕的实际大小完全无关。相同的1920x1080分辨率在体育场屏幕上可能是10ppi,在手机上可能是400ppi。


2

像素与现实世界的测量没有关联。因此,无法以任何一致的方式将英寸转换为像素。这一切都是任意的,取决于您要如何处理最终图像。

在数字图像的背景下,什么像素?它是图像中最小的唯一元素。将为其分配一种颜色。从字面上看,它指的是单独的“图片元素”


2

想象一下,您有一个可以打开和关闭的灯泡。这基本上是1x1像素的显示器,其中灯泡是像素。现在,再购买几个灯泡,并以10x10的方形排列。如果以某种方式连接它们,并且可以根据需要打开和关闭它们中的每一个,那么您的原始显示器将具有10x10的“像素”。您甚至可以在其上绘制基本形状。

现在,如果您距离此灯泡显示器足够远,则眼睛最终将无法再区分那些单独的灯泡,并且您将看到的只是连续的形状而不是单独的像素。发生这种情况是因为眼睛的扫描分辨率有限,如果每英寸的点(灯泡)多于眼睛无法识别的程度,则像素将变成图像。眼睛的分辨率约为每英寸 300 (DPI)。如果您拿着放大镜看显示器,您会发现它也由微小的灯泡(LCD)组成,还有更多。全高清屏幕上大约有2,073,600(1920x1080)的分辨率乘以三,因为每种RGB颜色都只有一个,因为它们太小了,您的眼睛根本看不到。

现在,很明显,您的眼睛可以感知为单个点还是不单个点,不仅取决于点的排列(它们之间的紧密程度),还取决于您到该“屏幕”的距离。这就是DPI在几个方面都是相对术语的原因。如果您使用同一屏幕并且距离太近,则可以看到像素。如果距离太远,即使DPI和分辨率(像素量)从未改变,也无法再读取屏幕上的内容。

由于这个原因和其他一些原因,在创建第一台计算机监视器时,选择了72 DPI(Apple)或96 DPI(Microsoft)的标准分辨率。这是预期用户离屏幕的距离与该年龄段的技术限制之间的一个很好的折衷。但即使在今天,大多数屏幕仍遵循该分辨率。这就是为什么屏幕越大,像素数量越高的原因。

现在,如果您知道显示器的DPI分辨率,就很容易找出每平方英寸有多少像素。例如,如果要在监视器上绘制1x1平方英寸的正方形,则可以轻松确定该图像必须有多少像素(72x72或96x96)。但同样明显的是,在其他具有不同DPI分辨率的屏幕上,此图像会更大或更小。在600 DPI的24“屏幕上可读的文本在300 DPI的4” iPhone上可能太小了,因为24“上的96像素(1英寸)在手机上只有几毫米。

因此,如果您的客户要求您创建1900x1200 px的图像,那么来自您的第一个问题应该是:针对哪种设备?

为了解决在不同设备上看起来不错的网页或应用程序的难题,已经发明了不适用于像素但长度以厘米或毫米为单位的格式。然后根据设备功能渲染生成的图像,确保无论在哪个屏幕上显示10x10平方厘米的图像仍然是10x10。但是这种格式显然不能是像素格式,而可以是矢量格式

虽然这可以解决Mac / Windows /其他问题,但不能解决巨大的尺寸差异。您的示例图片在每个设备上均为10x10厘米,但可能会覆盖手机上的整个屏幕。这个问题尚未完全解决,但是大多数公司都有某种形式的解决方案。但实际上,在大多数情况下,您实际上至少需要开发两页,一页用于标准台式机,一页用于移动电话,最后一页也用于平板电脑。


我对视力表感到好奇。在50厘米(约20英寸)处,具有“高级视力”的人可以分辨的最小黑线/白线图案约为100微米(人发的宽度)。300dpi的点间距大约为85微米。
horatio 2014年

页面94(books.google.com/...
霍雷肖

300 dpi是普通人。有些人的视力更好,但是在这种分辨率下,这几乎没有关系,因为大多数人已经很难看到100 dpi的单个像素。
Two'14

我认为我的链接证实了您的发言,只是您对“平均”的定义似乎被他们称为“高级”
horatio 2014年

2

已经有很多有用的答案,但是我想用另一种方式解释一下。

通过请求1900x1200像素的图像,您的客户实际上并没有告诉您有关所需尺寸的任何信息。客户暂时忘记了“像素”一词,只是告诉您他们需要多少细节(即分辨率)。他们可能只是打算自己按需调整大小。

如果您需要将英寸用于自己的目的,因为您发现在图形开发期间更容易处理该尺寸,则只需使用它们即可。使用矢量图形(Corel Draw是矢量工具),幸运的是,在需要保存扁平化图像之前,您无需担心像素。

为了安全起见,请以相同纵横比的画布尺寸开始:1900x1200是16:10的比例,因此应该算出16英寸乘10英寸。当需要保存或导出展平图像(“光栅”或位图)时,可以选择1900x1200像素尺寸。

我对Corel并不特别熟悉,所以我无法确切告诉您如何输入这些设置,但是很有可能在那里。


至于“什么是像素”,说它类似于“原子”的答案非常好。尽管如果我们想完全肛门,我们可以更准确地说一个像素是一个分子

分子是仍然显示该物质特性的物质的最小部分,像素是仍然显示该特定颜色颜色的最小部分。变得越来越小,您开始看到为了达到目标颜色而混合的其他颜色。

像素可以各种方式间隔开,因此它们不代表任何实际尺寸。在打印中,它们可以是每英寸300点(DPI),在这种情况下,像素非常靠近-或在屏幕上,它们可以是72 DPI,这意味着它们之间的距离更远。顺便说一下,我必须假定1900x1200适用于屏幕,因为它是标准屏幕分辨率之一。在这种情况下,无论尺寸是多少英寸,只要在1900x1200显示器上全屏显示,它的外观都是一样的。

为了解决这个问题,从技术上讲,像素尺寸只能告诉您存储的图像将包含多少信息。至于如何它会,它会告诉你对自己基本没什么。


0

TL; DR在将Corel Draw图像导出到.tif文件时进行转换。

有两种方法可以在计算机上描述图像:位图(也称为raster)和矢量。位图是坐标的网格,每个坐标都有特定的颜色,每个点都是一个像素。网格中所有点的组合将创建图像。照片是位图;像素对应于胶片的颗粒或传感器上的点。像素没有固有尺寸:在激光打印图像中,像素可以很小,在巨型显示屏上也可以很大。图像的大小(以像素为单位)告诉您看起来平滑的分辨率。高像素密度(每英寸点数,dpi)的图像看起来清晰,而低像素密度的图像看起来块状。要了解差异,请将Flickr与Minecraft进行比较。放大位图图像会使像素显得更大,并且图像会变得块状且清晰度降低。

向量是对排列在图像中的形状的数学描述。它们也没有内在的大小,但是它们的行为方式是不同的。矢量图形的外观在放大时不会改变,因为它会根据屏幕进行重新计算。

Corel Draw是矢量图形程序,因此,您制作的图像是矢量。如果您的客户想要1900x1200的图片,则在导出时需要将其转换为位图。关键是向量的大小和位图的大小是独立的。您可以制作一个八英尺乘六英尺的Corel Draw文件,并将其导出为400x300像素的图像。或者,可以将Corel Draw中平方英寸的文件导出为10,000像素平方的位图。但是,尽管可以将单位更改为像素,但程序通常不要求您指定像素尺寸,而是要求您指定位图的大小和分辨率。这样可以确保该文件将是所需大小的合理分辨率。通过要求特定的分辨率,您的客户希望确保他们可以使用大屏幕尺寸或小打印尺寸的图像。具有物理尺寸的数字图像的想法有点奇怪,但是在下游工作更容易。

因此,将图形设置为任意大小,然后在导出图形时在末尾指定像素大小。需要注意的一件事是,如果在图形中包含任何位图图像,则它们将至少需要具有与最终图像中一样高的分辨率。因此,如果图片的一半宽度是照片,则该照片的宽度必须为950像素。


0

CSS中的像素(不是显示介质的技术属性)是视在角宽度的单位。因此可以转换像素,但只能转换为度,弧度等。您可以将像素转换为英寸,但是需要知道英寸有多远。

肖恩·B·帕尔默(Sean B.Palmer)在此页面上有一个不错的页面

例如,来自地球的月亮大约宽24.3像素。一英里外的埃菲尔铁塔高约550.5像素。这意味着当您在CSS 2.1中执行“ {width:24.3px}”时,您正在制作的东西与月亮看起来一样宽。


0

像素是图像中的最小点。没有物理尺寸。当您以DPI(每英寸点数)或类似单位指定分辨率,并将其呈现在支持该分辨率的设备上时,分辨率为1。

实际上,在很多情况下,尺寸是任意的,因为设计人员或软件不关心/不知道显示器的尺寸/分辨率,和/或未使用尺寸调整因子以适合可用的表面。

请记住:像素没有预定义的大小。不同于异食癖。



-1

像素是显示单元显示设计的最小形式。例如:显示监视器由几个像素组成,这些像素在屏幕上形成显示。


您好,欢迎来到GD!这个答案在内容上有些短。请对其进行编辑,使其内容更丰富,更清晰,因为它对此处的其他答案没有多大帮助。
benteh 2014年
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.