• 欢迎访问黑科技娃娃的博客,傻瓜式的wordpress外贸建站教程,好玩的黑科技干货,有趣的生活小百科,快来加入黑科技娃娃 QQ群
  • 如果觉得这个BLOG有意思,那么赶紧使用Ctrl+D 收藏 黑科技娃娃 的博客 吧!

Photoshop自学篇之位图、矢量图SVG、像素、分辨率、PPI、DPI

Photoshop 黑科技娃娃 6个月前 (01-24) 257次浏览 0个评论
文章目录[隐藏]

Photoshop自学篇之位图、矢量图SVG、像素、分辨率、PPI、DPI

之前已经说过如何下载破解PS软件了,学习Photoshop最好先要了解像素、分辨率、位图、矢量图等这些基本概念,当然即使不是为了PS,为了我们平常的照片打印、画画、扫描了解下也很有必要。Photoshop对于压缩图片的损耗很小。

虽然内容很基础,但我估计很多人都没有搞清楚,没有打过地基的楼阁总是不稳的,还是要把基础吃透了,才能进入高阶自学。

位图、矢量图

在计算机绘图领域中,根据成图原理和绘制方法的不同,分为“矢量图”和“位图”两种类型。下图展示了两图的区别。Photoshop自学篇之位图、矢量图SVG、像素、分辨率、PPI、DPI

位图:英语Bitmap,又称为点阵图像、像素图或栅格图像,是由像素点组成,这些点可以进行不同的排列和染色以构成图样,位图的单位像素(Pixel)。PS可以处理位图,当然也可以处理矢量图。

优点是色彩显示自然、柔和、逼真。

缺点:图像在放大或缩小的转换过程中会产生失真,放大后容易模糊出现方块状,且随着图像精度提高或尺寸增大,图片所占空间会越来越大,而且位图放大后图像会变得模糊,一般适合复杂的图。

位图的格式:如*.bmp、*.pcx、*.gif、*.jpg、*.tif、photoshop的*.psd等,jpg格式,它的大小只有同样的bmp格式的1/20到1/35,这是因为点矩阵经过了复杂压缩算法的缘故。

矢量图:又称为“向量”,是以数学方式来记录图形的,由线连接的点。简单地说就是用数学的方法来绘制矩形等基本形状。

优点:图像文件所占空间较小,与位图相比,在显示和打印方面都快的多,与分辨率完全独立,输入文字线条和排版会比较好,可以无损压缩。

缺点:是用数学方程式来描述图形,运算比较复杂,制作出的图形色彩单调,图形生硬,不够柔和逼真,无法像照片一样真实地再现这个世界的景色。

矢量图形格式:如SVG、Corel DRAW的*.cdr、Adobe Illustrator的*.AI、*.EPS、AutoCAD的*.dwg和dxf、windows标准图元文件*.wmf和增强型图元文件*.emf等。

矢量图可以轻松地转化为位图,而位图转化为矢量图就需要经过复杂而庞大的数据处理,而且生成的矢量图的质量绝对不能和原来的图形比较。

常用的矢量绘图软件:Illustrator、CorelDraw、AutoCAD等。

位图转换矢量图SVG格式工具:https://image.online-convert.com/convert-to-svg

像素、分辨率

像素(Pixel):计算屏幕图片分辨率的尺寸单位,用N个方形像素点组成(一个像素点由 R红、G绿 、B蓝三种颜色混合而成,24位真彩的结构是,每个颜色一个字节,每个字节8位,可用放大镜观察下屏幕)。

像素具有大小相同、明暗和颜色的变化。每英寸的像素值都不一样(PPI),每寸像素点数量越多,分辨率就越高,展示的画面就更细致。注意摄像头的像素跟图片像素不一样。

分辨率:有时被称为“解析度”,作为像素的尺寸,分辨率决定了屏幕和网络图片的清晰度,分辨率越大越清晰。

分辨率=横向像素值 (px) x 纵向像素值(px)。

手机、显示器分辨率多用1920×1080(16:9)这样的方式表示,表示屏幕横向可以显示1920个像素点,纵向可以显示1080个像素点。

ipad一般是4:3比例,平板电脑这个比例最好,宽屏不适合。

 

PPI、DPI

PPI和DPI的区别:通常我们经常搞不清楚这两个,简单理解可以说显示在屏幕上就是ppi,用来衡量图片的精度。显示在纸上就是dpi,用来衡量打印设备的精度。

PPI(Pixel Per Inch): 代表像素密度单位,表示影响每英寸的像素点总数,其实代表图片像素的时候PPI和DPI都可以叫。

图像ppi值越高,画面的细节就越丰富,因为单位面积的像素数量更多。真正决定像素点密度的不是对角线长度而是面积。比如1*1英寸的图像,300ppi表示每英寸含300个像素点,分辨率为300Px300P=9万像素

一般来说不同的PPI在相同的屏幕分辨率下,显示的清晰度肉眼看上去并无不同。PPI不会影响实际的图片文件大小,只能影响打印的清晰度。

网页上和屏幕上的图片最佳展示都是72Ppi(为了快速加载和防止盗图者用来打印高清大图),手机图片一般压缩过后是96PPI,一般来说,在纸上的打印分辨率为150PPI,在画布上的打印分辨率为180PPI就可以了,如果打印出来模糊,就需要重新采样。

计算公式:PPI=√(X^2+Y^2)/ Z (英寸in) (X:长度像素数;Y:宽度像素数;Z:屏幕对角线长度)

例:以iPhone8P为例:后置摄像头像素:1200万

屏幕分辨率:1920P x 1080P

手机屏幕对角线尺寸:5.5英寸

计算结果:

PPI:1920 x 1920 + 1080 x 1080 = 4852800,开根号约为2202.907,2202.907 / 5.5 = 400.528 ppi,大约401ppi

有效图片像素:1920P x 1080P=207万像素


DPI(Dots Per Inch,每英寸点数):用来做印刷/扫描计量单位的,表示打印机每英寸的印刷墨点数。打印机上要很多个点才能展示屏幕上的一个像素,因此打印机的 DPI 数值要比屏幕的PPI高很多。

DPI值越高,表明打印机的打印精度越高,如果不是印刷等这种输出设备,不用考虑DPI。

人眼的视觉上限约是300 Dpi,所以同样的尺寸照片,肉眼无法分辨超过300DPI以上图片清晰度的区别,除非使用放大镜。

300分辨率/英寸打印照片、高精度激光打印机的输出分辨率是300dpi-600dpi,激光照排机达到1200dpi-2400dpi。

如果你是插画设计师之类的,300DPI是起步,但一般扫描实物和普通图都达不到这种精度,还是要通过绘图软件制作插画才好。

计算公式:

相片宽(英寸in) =宽度像素数(px)/ DPI

相片长(英寸in)=长度像素数(px)/ DPI

总结:只要图片分辨率改变了,打印的尺寸便会跟着变化,其中最根本的就是像素。


本文标题:Photoshop自学篇之位图、矢量图SVG、像素、分辨率、PPI、DPI
转载请保留原文链接:https://www.cooltechdoll.com/svg-dpi-ppi/
黑科技娃娃, 版权所有
喜欢 (1)
[九流黑客]
分享 (0)
发表我的评论
取消评论
表情 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址