800×600px,px表示什么(图片PX什么意思)
800×600px,px表示什么(图片PX什么意思),新营销网红网本栏目通过数据整理汇集了800×600px,px表示什么(图片PX什么意思)相关信息,下面一起看看。
先说几个大家熟悉的单位。围绕各种屏幕进行设计开发的人会遇到以下单位:in、pt、px、dpi、dip/dp、sp。
让我们简单回顾一下前四个单元:
"在"
英寸的缩写,英寸。是屏幕的物理长度单位。一英寸等于2.54cm,比如安卓手机常见的尺寸有5英寸、5.5英寸、6英寸等。这里的长度是指手机的对角线长度。
" pt "
“点”的缩写,点。一点等于1/72英寸,所以“点”只是一个长度单位。
" px "
“像素”的缩写,像素。它是屏幕显示的基本单位。真正的像素不是一个点,也不是一个正方形(虽然有时候会这样显示),它没有实际的固定长度。这只是一个抽象的样本。设计中的像素对应于实际显示屏上的像素。
屏幕的分辨率一般描述为“宽方向的像素数x垂直方向的像素数”。比如安卓手机常见的分辨率有:320 X 480,480 X 800,1080 X 1920等。
"新闻部"
每英寸点数的缩写“每英寸像素数”是每英寸像素数。下图是600 dpi和1200 dpi的对比,很明显后者的像素更密集。
Android手机有各种类型,每英寸像素的屏幕也各不相同。比如120dpi是低密度(ldpi)型,160dpi是中密度(mdpi),240dpi是高密度(hdpi),320dpi是超高密度(xhdpi),480dpi是超高密度(xxhdpi)。
为什么要引入dp作为单位像素(px),这是设计师都熟知的?比如画自定义尺寸的时候,好像一直都没有问题。
但是,如果你仔细观察,你会发现在设计UI的时候,设计工具给出的默认手机尺寸并不是以像素数来计算的。
以墨刀为例。提供的三星尺寸为360 x 640。
但这肯定不是三星屏幕的像素数量。
(不然三星会哭晕在厕所里)
检查了三星Galaxy S5/S6/S7屏幕的实际像素数量,如下所示:
那个360*640是什么?
细心的同学可能发现了…
即使S5和S6/7的像素分辨率不同,分辨率的左栏写着360 x 640 dp。
那么,什么是dp,为什么要有dp?
答:是为了设计适应每英寸像素不同的屏幕。
以栗子为例。如果一个设计师以像素为单位画一幅画,画一个4px * 4px的图标,这样的图标会显示在160dpi和320dpi两个屏幕上,会变成这样:
完全不成比例!
因此,引入了新的单位dp,而不是直接以像素为单位进行绘制。dp的全称是“密度无关像素”,即“密度无关像素”,所以也可以缩写为dip,但更常用dp。
Dp定义为160dpi时的像素大小;然后在320 dpi,相当于两个像素。
它们之间的数值关系如下:
px=dp *(dpi/160)
这种情况下,你做一个50*50dp的图标,在160dpi的屏幕上就是50px*50px,在320dpi的屏幕上就是100px*100px。元素的布局和比例不会失衡。
因此,设计师往往需要切割一折、二折和三折的图像,以满足每英寸屏幕不同像素的需求。墨刀的图像切割功能,让你一键切割一折、二折、三折图像,无需繁琐操作。
这里,插入了单元sp。sp类似于dp,全称是scale-independent pixel(也简写为sip),即“独立比例像素”。Sp主要作为一个字体单位,开发这个单位是为了设置文本大小,使其在每英寸不同像素的屏幕上以相同的比例放大和缩小。
好的,回到dp。
既然知道要在dp中绘制,那么面对各种手机型号和分辨率,就需要先把px转换成dp再进行绘制。不过,心思缜密的墨刀早就把这些转化了!
考虑到今年全面屏手机异军突起,墨刀还及时将Google Pixel 2和Google Pixel 2XL的dp尺寸加入到Android设备的默认尺寸中,让你无需进行px和dp的转换就能轻松进入绘图流程。
当然,如果你真的要适应一个没有默认选项的小众机型,那就选择底层customize来定制吧。怎么算?非常容易。
发现某型号分辨率为a*b px,该型号每英寸像素数dpi(也称ppi)为c。
那么需要定制的dp大小为:
宽度=a/(c/160),高度=b/(c/160)
好了,搞定!
相关十大巅峰网游小说(十大公认网游小说推荐)
百度网盘登录入口(百度网盘共享群的正确使用方法)
恶人传(《恶人传》以暴制暴成救赎)
百度网盘登录入口(百度网盘安装方法)
番禺中学排名(番禺区热门学校盘点)
道路标志(完整且有插图的交通安全标志)
哪个是苹果的序列号(iPhone序列号识字)
故宫太和殿介绍(故宫太和殿为什么叫金殿)
东营人均gdp(全国人均GDP前15名城市)
鲁振原型(鲁镇传奇的原型)
硫酸铜是什么颜色(硫酸铜的用途和危害)
小米平板4参数(小米平板4参数全曝光)
更多800×600px,px表示什么(图片PX什么意思)相关信息请关注本文章,本文仅仅做为展示!