zoukankan      html  css  js  c++  java
  • 像素、英寸,Dpi 三者的区别以及关系

    Dpi(每平方英寸像素数目):图像细节程度的度量

    Dpi 代表每平方英寸上所含“点”的数目,它决定了一副图像在细节上到底有多细(尽管并不依赖于你的视觉感受)。但是,什么是“点”?

    “点”是一个模糊不清的术语。点可以指的是像素、画笔的一“点”或者是一个油墨印迹。

    当你置身于一座体育场馆并放言全场之时,场内的任何一名观众都可以被试做是一个“点”。

    “点”最通用的两个定义是:像素点(当你使用电脑屏幕的时候),喷墨点(当打印或印刷东西的时候)。

    如果是 1 Dpi,你就会在每平方英尺上看见一个1*1的,单色的小方格。

    如果是100 Dpi,这就意味着水平方向和竖直方向上各100个小方格。这就意味着,在1平方英尺上,一共有10000个小方格。

    如果你能看到的小点越多,说明图像的细节就刻画得越真实。

    像素:只对电脑有效

    你的显示器就是由“像素”构成的,你或许听说过显示器在72或96 Dpi下工作这样的说法,这或许在某种情况下没错,但并不是一劳永逸的说法。

    如果你在制作一副只在显示屏上显示的图片的话,你可以直接忽略 Dpi 和英寸什么的,它们和你的工作毫不相关。

    如果你做的图片是要印刷出来的话,你就得考虑三者之间的关系了,我们下面会谈到。

    英寸:只和印刷相关

    英寸就是英寸,不是吗?当你谈论印刷品的时候,这样说没错。但自从像素密度,或 Dpi 的概念出现之后,显示器之间的参数并不相同,话就不能这么说了。

    我们都会用尺子,所以我不会讨论英寸是什么。但是如果你知道一幅图片在英寸上的大小的时候,你如何知道这幅图片的像素大小呢?往下看。

    像素、英寸和 Dpi 如何相互关联?

    当你要设计一副印刷在纸张上的图片的时候,毫无疑问,很多工作你都必须借助电脑和显示器才能完成,那么,像素、英寸和 Dpi 如何相互关联?

    像素大小

    比如说,我想打印一副8英寸*10英寸,300 Dpi 的图片,那么怎样设置图像的像素长宽度呢?

    你只要简单地把这两者相乘就可以了,如果用方程表示,就是:

    像素 = 英寸 * Dpi

    所以,对于上面的情况:

    • 宽度 = 8英寸 * 300 Dpi
    • 高度 = 10英寸*300 Dpi

    所以,这就应该是一副宽2400像素,高3000像素的图片,很简单对吗?

    使用这个简单的公式,只要你有想要的尺寸和 Dpi ,就可以换算出对应的像素大小。

    英寸大小

    在上面那个公式,只要你知道了两个已知量,肯定就能求出未知量。

    英寸 = 像素 / Dpi

    在这个方程中,知道了像素和Dpi,就能知道英寸大小。

    比如说,有人发给我一副网站上下载的图片,900*600像素,如果我想知道它在150 Dpi 下有多大,我就可以进行如下的换算:

    高度 = 900像素 / 150Dpi

    宽度 = 600像素 / 150Dpi

    经过计算我就可以知道它应该是6英寸高,4英寸宽。

    图像质量

    大多数时候,计算像素或者是英寸,前提是你得知道 Dpi 是多少,但有时候你需要在已知英寸和像素的情况下来计算Dpi。

    比如,我这有一个3600 *3600的纹理素材,我想打印成12 * 12英寸大小,现在我需要知道这样弄的话打印成果会有多清楚,那我就需要计算 Dpi。

    Dpi = 3600像素 / 12英寸 = 300

    现在我就知道3600像素的图片,打印成12英寸的尺寸,不会造成细节的损失了。

    如果我打印成6英寸见方,细节就会更丰富,因为Dpi上升到了600。

    注意,人眼的视觉上限是300 Dpi,我们无法分辨过于靠近的两个像素点,所以你在600 Dpi 下和1200 Dpi 下看到额都不会有分别,除非你使用放大镜……

    还有话说

    如果你听到有人推销他的素材包“4000像素”或者是“300Dpi”的 而不涉及任何英寸打下的话,简直就是不知所云,因为一个4000像素图像的 Dpi 还要取决于你想打印的图像大小。

    我就经常收到这样的来信,咨询我:“这些纹理的 Dpi 咋样?我想把它们用到我的作品中去,所以我想知道它们是否足够清楚。”

    如果你了解了它们三者的关系,你就会知道这取决于你要打印出来的图像的大小。

    如果你过去纠结于这三者的联系,我想现在你应该完全理解了。

    如果你起初很混乱,但是通过介绍给你的公式,你现在应该能轻松换算出你想要的参数了。

    实用科普文合集!

     新手必学的图层基础知识!
    《新手教程!PHOTOSHOP图层基础知识介绍》

    12 种导航模式全科普!
    《交互基础知识科普!带你认识最热门的12种导航模式》

    2个小时搞懂 Photoshop 基础工具!
    《PS速成秘籍!如何在两小时内搞懂PHOTOSHOP基础工具?》

    原文地址:designpanoply
    译文地址:shejipai
    译者:琥珀川
    uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
    【特色推荐】
    设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
    设计微博:拥有粉丝量82万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
    设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

  • 相关阅读:
    5种主要聚类算法的简单介绍-转发
    序列标注中的BIO标注介绍
    Lecture1- Introduction and Word Vectors 斯坦福 nlp 教程
    Word embedding
    RNN
    《生成对抗网络GAN的原理与应用专题》笔记
    《自控力》《基因组:人类自传》的读后联想
    开源共享一个训练好的中文词向量(语料是维基百科的内容,大概1G多一点)
    “程序的迭代”——复杂性度量随想
    人工智能算法脑图
  • 原文地址:https://www.cnblogs.com/LinQingYang/p/11875671.html
Copyright © 2011-2022 走看看