百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

Photoshop 2020 —— 图像(宽高、尺寸、分辨率、大小)

itomcoil 2024-12-08 14:45 55 浏览

ps新建空白文档时,会要求指定宽高、尺寸、分辨率、颜色模式等等,这些参数的指定会对文档产生怎么样的影响呢,这些还是需要了解下的;

注意:文档最后会保存一种格式,格式决定了图像数据的存储方式;

ps中默认是PSD格式(方便二次创作);

宽高和尺寸

计算机中的图像分为2类:

  1. 标量图(又称位图、点阵图)
  2. 矢量图

标量图,由点构成,各个点以矩阵排列成图像,像素就是组成图像的那些点,是标量图中的最小单位;

宽高的单位:像素、英寸、厘米、毫米、点、派卡;

导入一张图像:

宽,1025像素;高,469像素;

尺寸,1025像素x469像素;(像素尺寸,也称显示大小或显示尺寸;)

像素尺寸固定了图像大小

像素为单位的尺寸,表明了图像在电脑(图像要显示,像素的数据都加载到内存中)中的大小;

还有一个尺寸,叫打印尺寸;就是图像打印出来的尺寸;

打印尺寸如何计算呢?这个由像素尺寸和打印(图像)分辨率共同确定;

软件自媒体.jpg的打印图像分辨率是120像素/英寸,代表1英寸内有120个像素;

注意:一旦保存为.jpg等等文件格式后,屏幕(显示)分辨率和打印(图像)分辨率都固定下来了,这时数值上看,它们是等价的;本质是dpi和ppi的区别,此时dpi=ppi;

宽是1025个像素,高是469个像素,全部换算为英寸:

1025/120约等于8.542英寸;469/120约等于3.908英寸;(手动计算,保留小数点3位)

让ps帮助计算,只要改变单位就行:

点和派卡,印刷行业中字体排印的长度单位;

各个单位之间的关系:

1英寸=2.54cm=25.4mm=72点=6派卡;

分辨率

分辨率决定了位图图像细节的精细程度;通常情况下,图像的分辨率越高,所含的像素越多,图像就越清晰,印刷的质量也越好,但会增加文件占用的存储空间;

分辨率的常用单位

dpi,点每寸;

ppi,像素每寸;

像素只存在于计算机显示领域,而点,只出现在打印或印刷领域;

显示器分辨率

显示器本身的物理分辨率,是指显示屏上的像素;通过用水平像素数x垂直像素数的形式表示;(最大分辨率)

显示器分辨率描述的是显示器自身的像素点数量,固定的,不可变;(出厂就决定了)

如,1024x768;

屏幕(显示)分辨率

指实际显示图像时,显示器所能显示的像素的多少;

屏幕分辨率需要小于或等于显示器分辨率,太大显示器显示不了(失真);

图像要全屏显示,调节显示器的分辨率使其与对应便可;

(图像在显示器中显示,变大或变小,都是显示器通过算法对图像进行了像素补足;)

图像分辨率

在计算机中保存和显示图像所具有的分辨率,与像素有直接的关系;

例如一张图片分辨是1025x469,就是说这张图片在屏幕上按照1:1放大时,水平方向有1025个像素点,垂直方向有469个像素点;其分辨率达到了1025x469=480725个像素;

图像分辨率决定图像的质量;同一尺寸,分辨率越高,像素总数越高,图像越清晰、逼真;

注意:

  • 分辨率固定,尺寸越大,图像越模糊;

分辨率固定,像素总数就固定,像素是保存图像信息的,一旦尺寸变大,多出来的地方需要用更多的信息来表示,这时候计算机通过算法,牺牲原来的信息总量,去表示多出来的尺寸;相当于原本一个像素全部用来表示图像的某个点信息,现在有一部分,要用来表示其他信息,这样某个点的信息量就变小,尺寸放大后,整体图像的清晰度就下降了;

如果尺寸变大,清晰度不变,可以重新采样,相应的分辨率,宽高都会随之改变;

  • 图像分辨率和显示器分辨率是不同的概念

显示器分辨率确定显示图像的区域大小

图像分辨率确定组成一副图像的像素总数

其他

打印机、扫描仪、数码相机、投影机、电视、印刷领域等等分辨率;

小结:

这里的打印分辨率,其实就是打印图像分辨率,本质就是图像分辨率;就是按照图像真实的大小原封不动打印出来;但实际还是存在差异,需要考虑打印机的分辨率,主要是理解点距的大小;

无论哪种分辨率,都可以在ps里修改,关键是图像用于哪个行业,如相片,印刷;设置成相应的行业标准就行;

大小

宽高,图像在屏幕上的显示大小,也就是像素尺寸;

尺寸,打印尺寸;

分辨率,图像分辨率;

根据打印尺寸和分辨率指定图像的大小;其实就是文档大小(未压缩),它决定了图像的总的像素数,从而决定了图像的文件大小;度量单位,K/MB/GB等等;

图像中包含的像素越多,在给定的打印尺寸上显示的细节也就越丰富,但需要的磁盘存储空间也会增多,而且编辑和打印的速度可能会更慢;因此,在图像品质(保留所需要的所有数据)和文件大小难以两全的情况下,图像分辨率成为了它们之间的折中办法;

影响文件大小的另一个因素是文件格式;由于 GIF、JPEG、PNG 和 TIFF 文件格式使用的压缩方法各不相同,因此,即使像素大小相同,不同格式的文件大小差异也会很大;同样,图像中的颜色位深度和图层及通道的数目也会影响文件大小;

Photoshop 支持的最大像素尺寸为每个图像 300,000 x 300,000 像素;该限定限制了图像可用的打印尺寸和分辨率;

小结:

ps中的图像大小,指文档大小;(1.38M)

计算机显示的图像大小,指图像真实的字节数和占用存储空间的大小;

总结

图像的分辨率低,尺寸相对小,高,像素多,包含的细节更多,但占用的存储空间越大;用于打印或者网络传输,会增加带宽;因此,设置分辨率的高低,应该以图像的用途作为标准;

常见的分辨率设定:

像素尺寸、打印尺寸、分辨率3者之间的关系,略知一二,具体如何应用,随着软件学习的不断跟进,一定会越来越明了;

相关推荐

《Queendom》宣布冠军!女团MAMAMOO四人激动落泪

网易娱乐11月1日报道据台湾媒体报道,南韩女团竞争回归的生死斗《Queendom》昨(10/31)晚播出大决赛,并以直播方式进行,6组女团、女歌手皆演唱新歌,并加总前三轮的赛前赛、音源成绩与直播现场投...

正确复制、重写别人的代码,不算抄袭

我最近在一篇文章提到,工程师应该怎样避免使用大量的库、包以及其他依赖关系。我建议的另一种方案是,如果你没有达到重用第三方代码的阈值时,那么你就可以自己编写代码。在本文中,我将讨论一个在重用和从头开始编...

HTML DOM tr 对象_html event对象

tr对象tr对象代表了HTML表格的行。HTML文档中出现一个<tr>标签,就会创建一个tr对象。tr对象集合W3C:W3C标签。集合描述W3Ccells返回...

JS 打造动态表格_js如何动态改变表格内容

后台列表页最常见的需求:点击表头排序+一键全选。本文用原生js代码实现零依赖方案,涵盖DOM查询、排序算法、事件代理三大核心技能。效果速览一、核心思路事件入口:为每个<th>绑...

连肝7个晚上,总结了66条计算机网络的知识点

作者|哪吒来源|程序员小灰(ID:chengxuyuanxiaohui)计算机网络知识是面试常考的内容,在实际工作中经常涉及。最近,我总结了66条计算机网络相关的知识点。1、比较http0....

Vue 中 强制组件重新渲染的正确方法

作者:MichaelThiessen译者:前端小智来源:hackernoon有时候,依赖Vue响应方式来更新数据是不够的,相反,我们需要手动重新渲染组件来更新数据。或者,我们可能只想抛开当前的...

为什么100个前端只有1人能说清?浏览器重排/重绘深度解析

面试现场的"致命拷问""你的项目里做过哪些性能优化?能具体讲讲重排和重绘的区别吗?"作为面试官,我在秋招季连续面试过100多位前端候选人,这句提问几乎成了必考题。但令...

HTML DOM 介绍_dom4j html

HTMLDOM(文档对象模型)是一种基于文档的编程接口,它是HTML和XML文档的编程接口。它可以让开发人员通过JavaScript或其他脚本语言来访问和操作HTML和XML文档...

JavaScript 事件——“事件流和事件处理程序”的注意要点

事件流事件流描述的是从页面中接收事件的顺序。IE的事件流是事件冒泡流,而NetscapeCommunicator的事件流是事件捕获流。事件冒泡即事件开始时由最具体的元素接收,然后逐级向上传播到较为不...

探秘 Web 水印技术_水印制作网页

作者:fransli,腾讯PCG前端开发工程师Web水印技术在信息安全和版权保护等领域有着广泛的应用,对防止信息泄露或知识产品被侵犯有重要意义。水印根据可见性可分为可见水印和不可见水印(盲水印)...

国外顶流网红为流量拍摄性侵女学生?仅被封杀三月,回归仍爆火

曾经的油管之王,顶流网红DavidDobrik复出了。一切似乎都跟他因和成员灌酒性侵女学生被骂到退网之前一样:住在950万美元的豪宅,开着20万美元的阿斯顿马丁,每条视频都有数百万观看...人们仿佛...

JavaScript 内存泄漏排查方法_js内存泄漏及解决方法

一、概述本文主要介绍了如何通过Devtools的Memory内存工具排查JavaScript内存泄漏问题。先介绍了一些相关概念,说明了Memory内存工具的使用方式,然后介绍了堆快照的...

外贸独立站,网站优化的具体内容_外贸独立站,网站优化的具体内容有哪些

Wordpress网站优化,是通过优化代码、数据库、缓存、CSS/JS等内容,提升网站加载速度、交互性和稳定性。网站加载速度,是Google搜索引擎的第一权重,也是SEO优化的前提。1.优化渲染阻塞。...

这8个CSS工具可以提升编程速度_css用什么编译器

下面为大家推荐的这8个CSS工具,有提供函数的,有提供类的,有提取代码的,还有收集CSS的统计数据的……请花费两分钟的时间看完这篇文章,或许你会找到意外的惊喜,并且为你的编程之路打开了一扇新的大门。1...

vue的理解-vue源码 历史 简介 核心特性 和jquery区别 和 react对比

一、从历史说起Web是WorldWideWeb的简称,中文译为万维网我们可以将它规划成如下的几个时代来进行理解石器时代文明时代工业革命时代百花齐放时代石器时代石器时代指的就是我们的静态网页,可以欣...