H5开发基础之像素.分辨率.DPI.PPI  html5  阅读约 4 分钟 ​2016-09-03于坝上草原 背景知识: 目前绝大部分显示器都是基于点阵的,通过一系列的小点排成一个大矩形,通过每个小点显示不同的颜色来形成图像,我们把每个小点称为一个像素 (pixel). 概念点: 1. Dot:物理属性的一个点,打印机或屏幕通过这些点把图片print出来.一块屏幕的Dot的点是固定的.对于一台具体的显示器,多个点(dots)排列起来之后,构成的一个整体的宽度和高度,我们称之为显示器的"物理尺寸…

1.像素 老子曾说“天下难事必作于易,天下大事必作于细”,Android开发也是一样,再复杂的App也无非就是数百万个像素点的排列组合.像素虽然看似简单,但是里面大有学问.如果在开发时对像素单位不以为然仅仅一根筋的填数字,最后在模拟器上取得很好效果的界面在真机上也可能东倒西歪,这就是没打好基础的缘故.接下来通过介绍像素的基本概念及单位间的相互转化来进一步理解像素. Android支持的像素单位有px.in.mm.dp.sp等.其中,px是手机屏幕上可显示的最小的单位,它与物理设备的显示屏有关.d…

屏幕尺寸 屏幕尺寸是屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米. pixel 像素,它是组成图片的最小单元,代表红绿蓝等各种颜色. dot 点,它是屏幕发光.cmos感光的最小物理单元,水平和竖直的点数量是固定的,点数量越多显示.拍到的图片越细腻,屏幕上每个方向显示的图片像素数量和拍照时每个方向的图片像素数量是可以通过软件设置的,最大像素数量等于点数量. 屏幕点距 是每个点到相邻点之间的中心距离,点距越小则单位距离上点数量越多. 图片分辨率 分辨率是用来表示水平和竖直方向上像素的数量的…

分辨率都知道,越高越清晰. 一.描述分辨率的单位有:    dpi(点每英寸).lpi(线每英寸)和ppi(像素每英寸).但只有lpi是描述光学分辨率的尺度的.虽然dpi和ppi也属于分辨率范畴内的单位,但是他们的含义与lpi不同.而且lpi与dpi无法换算,只能凭经验估算. 另外,ppi和dpi经常都会出现混用现象.但是他们所用的领域也存在区别.从技术角度说,“像素”只存在于电脑显示领域,而“点”只出现于打印或印刷领域. 二.怎么知道一张图片的分辨率?    以JPEG为例,用16进制编辑器打…

像素于分辨率 像素,又称画素,为图像显示的基本单位,译自英文“pixel”,pix是英语单词picture的常用简写,加上英语单词“元素”element,就得到pixel,故“像素”表示“图像元素”之意,有时亦被称为pel(picture element).每个这样的信息元素不是一个点或者一个方块,而是一个抽象的采样.仔细处理的话,一幅图像中的像素可以在任何尺度上看起来都不像分离的点或者方块:但是在很多情况下,它们采用点或者方块显示.每个像素可有各自的颜色值,可采三原色显示,因而又分成红.绿.蓝…

转载自:http://www.jianshu.com/p/c3387bcc4f6e 感谢博主的无私分享. 今天我给大家来讲讲这几个咱们经常打交道的词到底啥意思,以及他们之间到底有什么关系.这篇文章是我花了一个下午从N多篇文章里提炼出的一个白话版,保证让你看得懂. 咱们从手机开始说起吧.先上一张图,给大家看看关于手机屏幕方面的一些参数.红框内的三个参数,大家一定都不陌生,我也不陌生.不过讲真的,就在不久前,我连手机的屏幕尺寸到底是怎么算出来的都不知道.下面我们开始慢慢讲. 屏幕(主屏)尺寸是什么,…

作者:马忠信,作者授权早读课发表,转载请联系作者. 原文链接:http://www.jianshu.com/p/c3387bcc4f6e#  互联网早读课:http://zaodula.com/archives/16413.html 今天我给大家来讲讲这几个咱们经常打交道的词到底啥意思,以及他们之间到底有什么关系.这篇文章是我花了一个下午从N多篇文章里提炼出的一个白话版,保证让你看得懂. 咱们从手机开始说起吧.先上一张图,给大家看看关于手机屏幕方面的一些参数.红框内的三个参数,大家一定都不陌生,…

(全解析)屏幕尺寸,分辨率,像素,PPI之间到底什么关系? 产品经理马忠信关注 22015.08.30 13:59:20字数 2,660阅读 52,661 今天我给大家来讲讲这几个咱们经常打交道的词到底啥意思,以及他们之间到底有什么关系.这篇文章是我花了一个下午从N多篇文章里提炼出的一个白话版,保证让你看得懂. 咱们从手机开始说起吧.先上一张图,给大家看看关于手机屏幕方面的一些参数.红框内的三个参数,大家一定都不陌生,我也不陌生.不过讲真的,就在不久前,我连手机的屏幕尺寸到底是怎么算出来的都不知…

Android手机目前常见的分辨率 1.1 手机常见分辨率: 4:3 VGA     640*480 (Video Graphics Array) QVGA  320*240 (Quarter VGA) HVGA  480*320 (Half-size VGA) SVGA  800*600 (Super VGA) 5:3 WVGA  800*480 (Wide VGA) 16:9 FWVGA 854*480 (Full Wide VGA) HD        1920*1080 High Def…

1 iOS设备的分辨率 iOS设备,目前最主要的有3种(Apple TV等不在此讨论),按分辨率分为两类 iPhone/iPod Touch 普屏分辨率    320像素 x 480像素 Retina分辨率 640像素 x 960像素 iPad,iPad2/New iPad 普屏        768像素 x 1024像素 Retina屏  1536像素 x 2048像素 2  iOS设计时用的点与分辨率的关系 尽管有上面列出的4种分辨率情况,不过细心的人会发现,对于Retina屏的分辨率始终保…

1 iOS设备的分辨率 iOS设备,目前最主要的有3种(Apple TV等不在此讨论),按分辨率分为两类 iPhone/iPod Touch 普屏分辨率    320像素 x 480像素 Retina分辨率 640像素 x 960像素 iPad,iPad2/New iPad 普屏        768像素 x 1024像素 Retina屏  1536像素 x 2048像素 2  iOS设计时用的点与分辨率的关系 尽管有上面列出的4种分辨率情况,不过细心的人会发现,对于Retina屏的分辨率始终保…

1 iOS设备的分辨率 iOS设备,目前最主要的有3种(Apple TV等不在此讨论),按分辨率分为两类 iPhone/iPod Touch 普屏分辨率    320像素 x 480像素 Retina分辨率 640像素 x 960像素 iPad,iPad2/New iPad 普屏        768像素 x 1024像素 Retina屏  1536像素 x 2048像素 2  iOS设计时用的点与分辨率的关系 尽管有上面列出的4种分辨率情况,不过细心的人会发现,对于Retina屏的分辨率始终保…

近来中意ui方面学习,从视频中总结了些许notses,希望能够帮到共同喜欢(❤ ω ❤)的友友 ·基础了解 位图:由像素组成的图片,把位图无限放大以后看到很多小方格,一个方格代表一个像素 矢量图:放大缩小不失真,放大后不会有像素格 分辨率:单位长度内包含的像素点的数量,分辨率越高图片越清晰 打印:72 喷绘(室内)72 喷绘(室外)30-40 印刷:300-350 网页/移动端(屏幕显示)72 Rgb:红绿蓝色彩模式,屏幕显示模式 Cmyk:组成的青色4色,印刷颜色 HsB:色相,基于人眼 新建…

ps可以运用于:印刷.喷绘.网络等行业. 印刷 创建的印刷文件需要修改为毫米为单位,分辨率300以上,CMYK颜色格式: 16开的尺寸为:210*285mm:但在印刷之后,剪裁需要留出出血位,上下左右各3mm: 虽然颜色格式为CMYK,但是在创建的时候,需要先设置为RGB格式,因为RGB格式才能使用所有的功能. 喷绘 尺寸:实际测量尺寸加上一般100mm左右的出血位的大小: 分辨率:72-150,不要求太高: 颜色格式:CMYK. 网络 尺寸单位:像素: 分辨率:72-96: 颜色格式:RGB:…

按照理论来说,纯色的字体加上纯色的背景,然后保存成png文件,然后用色彩范围选择纯色的背景,去掉背景,这样应该能得到原来设置的纯色的字体,但实际测试后不是这样的.如果是矩形等,是纯色,但是Photoshop对带弧形的,例如圆形,字母等,边缘其实不是纯色的像素,而是由很多渐变的越来越透明的像素组成,在白色背景下就是越来越浅,在黑色背景下,就是边缘变深.在两个图层合成后,保存为一张图,这些透明像素会受黑色背景的影响,导致边缘出现黑色+主体色的集合体,类似主体色加深的效果,导致和原图有差距. 把图层去…

数码图像的相关基础概念 1.位图和矢量图 位图 也叫点阵图像,位图使用也称像素的一格一格的小点来描述图像,图放大后我们可以看到像素点 矢量图 根据几何特性来绘制图形,用线段和曲线描述图像,可以是一个一点成一条线,矢量图只能靠软件生成.也就是可以无限放大的图 2.像素和分辨率 像素 指在由一个数字序列表示的图像中一个最小单位,可理解为一个像素就是一种颜色的方块 分辨率 单位长度内像素点的数量,单位为像素/英寸(ppi) 3.图像文件格式 常见的文件格式有PSD. JPG. PNG. GIF. PD…

转载:http://www.nljb.net/default/Android%E4%B9%8B%E5%90%84%E5%88%86%E8%BE%A8%E7%8E%87%E5%AE%9A%E4%B9%89%E7%9A%84%E5%9B%BE%E7%89%87%E8%A7%84%E6%A0%BC/ 各种规格总结 // 首先阐释一些术语和概念 屏幕尺寸(screen size): 屏幕的对角线测量. 为了方便,Android把所有的屏幕尺寸分为了4个广义的大小:小.正常.大.更大 屏幕密度(scree…

[注]原文 http://www.cnblogs.com/beniao/archive/2010/04/18/1714544.html 墨卡托投影(Mercator Projection),又名"等角正轴圆柱投影",荷兰地图学家墨卡托(Mercator)在1569年拟定,假设地球被围在一个中空的圆柱里,其赤道与圆柱相接触,然后再假想地球中心有一盏灯,把球面上的图形投影到圆柱体上,再把圆柱体展开,这就是一幅标准纬线为零度(即赤道)的"墨卡托投影"绘制出的世界地图. 一…

疑问: 就iphone来说分辨率有三种,320*480. 640*960. 640*1136 那么如果我想做图,如果是320*480 1.是不是所有的图片,比如按钮的,背景图的,尺寸都必须做成小于或等于320*480的分辨率, 2.是否可以做一张大图在320*480中的分辨率中使用 3.如果是ipad的话是不是图片的分辨率要相应的提高 解答 只需要做 320*480  640*960的两套图 大图名字后面加@2x 例如:aaa.png是小图(320*480)  aaa@2x.png就是大图(64…

TFT屏幕 TFT ( Thin Film Transistor 薄膜晶体管) ,是有源矩阵类型液晶显示器(AM-LCD)中的一种,TFT在液晶的背部设置特殊光管,能够“主动的”对屏幕上的各个独立的象素进行控制,这也就是所谓 的主动矩阵TFT(aCTive matrix TFT)的来历,这样能够大大的提高反应时间,一般TFT的反映时间比較快约80ms,而STN则为200ms假设要提高就会有闪烁现象发生.并且因为 TFT是主动式矩阵LCD可让液晶的排列方式具有记忆性,不会在电流消失后立即恢复原状.…

最近被一朋友问到:css中设置一DOM的height:65px,请问显示的高度是否和Android的65dp的元素等高?脑子里瞬间闪现了一堆的概念,如dpr,ppi,dp,pt等,然而想了一阵,浆糊了,所以重新梳理了相关的知识,以备不时之需. 1.ppi ppi指Pixels Per Inch也就是每英寸的像素点,此处的像素点就是物理像素点(也就是最小的显示单元). ppi描述的是像素的密度,满足以下公式 此图来源于uxabc(https://medium.com/uxabc/understan…

.主要是为了总结一下 对这些概念有个直观的认识; . 作者 : 万境绝尘  转载请注明出处 : http://blog.csdn.net/shulianghan/article/details/19899193 . 一. 数据采集 源码GitHub地址 : -- SSH : git@github.com:han1202012/DisplayTest.git; -- HTTP : https://github.com/han1202012/DisplayTest; . 使用下面的程序运行在不同设备…

在我开始写移动端页面至今,一直有2个疑问困扰着我,我只知道结果但不知道为什么 问题1:为什么设计师给的设计稿总是640px或750px(现在一般以Phone6为基准,给的750px) 问题2:为什么我们拿到640px和750px的设计稿,在编码的时候都要除以2,    (比如设计稿上有一个图标宽高是40*40,我们需要先除以2,实际编码时候宽高要写成20*20) 之前也在网上搜过一些相关的文章,但无奈大多说的比较晦涩难懂,要嘛就是太过于深奥.也可能是我脑子不够用吧. 不过要完全理解,确实也需要相…

一.新建画布,大小1500 * 950像素,分辨率为300,置入墙壁图像,大小适合. 二.调整图层的色阶,色相/饱和度. 三.新建文字图层,颜色为#a33e88,大小为103,字体为Beon Medium. 四.横图层添加图层样式,如下图. 五.横副本图层添加图层样式,设置如下图. 六.横副本2图层添加图层样式,设置如下图. 七.竖组文字直接复制横组对应的图层样式,修改一下样式里面的角度即可. 八.新建图层,命名为背景光,混合模式为线性光.一点点涂抹背景. 九.钢笔勾选电线路径,调节画笔大小为7…

原文链接:https://blog.csdn.net/zssureqh/article/details/78768942 1.像素Pixel 讲到概念,首选Wiki百科.当然我说的是英文版Pixel Wiki,中文版中的大多数词条真是不敢苟同.这里请允许我先摘录英文Wiki中对Pixel定义的原文: In digital imaging, a pixel, pel, dots, or picture element is a physical point in a raster image, o…

先说像素.像素是电子图像组成的基本单位,将图像放大数倍,会发现图像是由一个个“小色块”紧密排列组成的,每一个“小色块”就是一个像素点. 也就是说,每个图像都是由n多个像素点组成. 再说分辨率.所谓分辨率,指的是图像或者显示屏在长和宽上各拥有的像素个数. 比如一张照片分辨率为1920x1080,意思是这张照片是由横向1920个像素点和纵向1080个像素点构成,一共包含了1920x1080个像素点. 再比如我们说一个屏幕分辨率为800x600,意思是这块屏幕最多只能显示800x600个像素点的图片或…

一. 数据采集 源码GitHub地址 : -- SSH : git@github.com:han1202012/DisplayTest.git; -- HTTP : https://github.com/han1202012/DisplayTest; . 使用下面的程序运行在不同设备上 : package shuliang.han.displaytest; import android.app.Activity; import android.os.Bundle; import android.…

GIS理论(墨卡托投影.地理坐标系.地面分辨率.地图比例尺.Bing Maps Tile System) 墨卡托投影(Mercator Projection),又名"等角正轴圆柱投影",荷兰地图学家墨卡托(Mercator)在1569年拟定,假设地球被围在一个中空的圆柱里,其赤道与圆柱相接触,然后再假想地 球中心有一盏灯,把球面上的图形投影到圆柱体上,再把圆柱体展开,这就是一幅标准纬线为零度(即赤道)的"墨卡托投影"绘制出的世界地图. 一.墨卡托投影坐标系(Merc…

1080i和1080p是由美国电影电视工程师协会确定的高清标准格式,其中1080p被称为目前数字电视的顶级显示格式,这种格式的电视在逐行扫描下能够达到1920×1080的分辨率.受限制于存储介质(一部1080p的影片需要10GB以上的存储空间),目前1080p的影片多数以蓝光方式发行,随着蓝光播放机和高清播放器普及,网络上高清影片的下载逐渐增多,Kmplayer.potplayer等软件的推出,PowerDVD.WinDV高清播放功能的增加,以及国内高清电视的开播,高清这一概念也越来越多的被人们…

针对现有 Apple 设备分辨率小归总,方便日常查看; 顺便推荐一款图片生成工具,个人感觉挺方便好用,放置一张高分辨率大图可自动生成一套配图,软件名称(App Icon Gear). 具体设备分辨率如下: 6.5 英寸超视网膜显示屏(iPhone XSMax,iPhone XR)2688 x 1242 像素(19.9:5 宽高比) 886 x 1920 像素(纵向)1920 x 886 像素(横向) 5.8 英寸超视网膜显示屏(iPhone X,iPhone XS)2436 x 1125 像素(…