首页 > 代码库 > 怎样区分图片的实际像素、分辨率和尺寸大小
怎样区分图片的实际像素、分辨率和尺寸大小
-
为什么设计师给的设计图到前端开发师手里要除以二?
A:像素分为物理像素和逻辑像素,设计师提供的是物理像素,而我们使用的是逻辑像素。
物理像素并不代表css中使用的像素。
如iphone5s的逻辑分辨率是320×568,而物理分辨率是640×1136,像素倍率是2倍。
1.实际像素:在数码产品上图像时由点构成的,也就是说同一块大的尺寸,上面的点越多,他的实际像素就越大。比如一张屏幕分辨率为1024*768的照片,大概就是约80万像素,也就是说横向由1024个点构成,纵向由768个点构成。也就是说有多少个点构成,多少像素就有多少个点。
-
3
实际分辨率:现实中主要的有两种分辨率,一种是屏幕分辨率,另一种是打印分辨率。打印分辨率比较好记,一般的照片打印分辨率都是72dpi.也就是一英寸的长度中打印72个像素。而屏幕分辨率是指一张图片点的排列方式。比如上面的1024*768的排列一样。比如80万的像素也可以800*1000的屏幕分辨率,只是这些不常用而已。至于其他的扫描分辨率和显示分辨率等等就不重要哦了。
-
4
实际尺寸:这个比较直观了,所有物件都有自己的尺寸的,图片也有。这里指的是实际尺寸,也就是说打印出来的图片的尺寸,当然你也可以在打印的时候选择放大打印或者缩小打印。
-
5
关于图像的两种尺寸的换算关系:
1.一种是像素尺寸,也称显示大小或者显示尺寸,等同于图像的像素值。
2.一种是打印尺寸,也称打印大小,需要同时参考像素尺寸和打印分辨率才能确定。
3.在分辨率和打印尺寸的长度单位一致的前提下,像素尺寸除以分辨率就等于打印尺寸。
注:转自http://jingyan.baidu.com/article/f3e34a128719b5f5eb65358c.html,如有版权问题请告知。
怎样区分图片的实际像素、分辨率和尺寸大小