像素分辨率

术语和概念 屏幕尺寸 屏幕的物理尺寸，以屏幕的对角线长度作为依据（比如 2.8寸， 3.5寸）。 简而言之， Android把所有的屏幕尺寸简化为三大类：大，正常，和小。 程序可以针对这三种尺寸的屏幕提供三种不同的布局方案，然后系统会负责把你的布局方案以合适的方式渲染到对应的屏幕上，这个过程是不需要程序员用代码来干预的。 屏幕长宽比 屏幕的物理长度与物理宽度的比例。程序可以为制定长宽比的屏幕提供制定的素材，只需要用系统提供的资源分类符long和 notlong。 分辨率 屏幕上拥有的像素的总数。注意，虽然大部分情况下分辨率都被表示为“宽度×长度”，但分辨率并不意味着屏幕长宽比。在 Android系统中，程序一般并不直接处理分辨率。 密度 以屏幕分辨率为基础，沿屏幕长宽方向排列的像素。 密度较低的屏幕，在长和宽方向都只有比较少的像素，而高密度的屏幕通常则会有很多 ——甚至会非常非常多——像素排列在同一区域。屏幕的密度是非常重要的，举个例子，长宽以像素为单位定义的界面元素（比如一个按钮），在低密度的屏幕上会 显得很大，但在高密度的屏幕上则会显得很小。 密度无关的像素（ DIP ） 指一个抽象意义上的像素，程序用它来定义界面元素。它作为一个与实际密度无关的单位，帮助程序员构建一个布局方案（界面元素的宽度，高度，位置）。 一个与密度无关的像素，在逻辑尺寸上，与一个位于像素密度为

一、基本概念 dip ： Density independent pixels ，设备无关像素。 dp ：就是dip px ： 像素 dpi ：dots per inch ， 直接来说就是一英寸多少个像素点。常见取值 120，160，240。我一般称作像素密度，简称密度 density ： 直接翻译的话貌似叫 密度。常见取值 1.5 ， 1.0 。和标准dpi的比例（160px/inc） 分辨率 ： 横纵2个方向的像素点的数量，常见取值 480X800 ，320X480 屏幕尺寸： 屏幕对角线的长度。电脑电视同理。 屏幕比例的问题。因为只确定了对角线长，2边长度还不一定。所以有了4：3、16：9这种，这样就可以算出屏幕边长了。 二、应用 　　在android里面，获取一个窗口的metrics，里面有这么几个值 　　　　metrics.density; 　　　　 metrics.densityDpi; 　　densityDpi ： 就是我们常说的dpi。 　　density ： 其实是 DPI / (160像素/英寸) 后得到的值。是不是有点奇怪，因为我带了单位。。。这个涉及到后面一个比较重要的东西，后面再说。 　　从上面就看得出了，DPI本身的单位也是 像素/英寸，所以density其实是没单位的，他就是一个比例值。 　　而dpi的单位是 像素/英寸，比较符合物理上面的密度定义

一、为什么需要响应式设计（responsible web design） 1. 响应式发展背景 1、屏幕尺寸的快速变化，iphone为320x480，分辨率在未来可以继续发展。 2、网速对于用户的web使用体验有着巨大的影响。 3、对于标准的支持。浏览器对于标准的支持也很有限。 4、输入的方式。触屏设备，各种手势操作。 5、使用的环境。设备在物理上和架构上的特性，并不是我们在针对设备进行设计时需要考虑的唯一因素。了解使用环境是从相应设备的Web到响应人的Web的关键。 响应式设计的提出是由 Ethan Marcotte提出的概念， 2. 响应式设计的定义： 根据Ethan Marcotte的定义： Fluid grids, flexible images, and media queries are the three technical ingredients for responsive web design, but it also requires a different way of thinking. Rather than quarantining our content into disparate, device-specific experiences, we can use media queries to progressively enhance our

过去在应用 WORD 等文本编辑软件的时候，发现预览的文档及字体大小，与实际打印出的文档及字体大小差不多。但差多少，是显示器中的比打印的大一点点，还是打印的比显示器中的大一点点？一直没有深究过。最近做图型打印的时候要求比较精确，研究了一下这个问题，也顺便把以前的这些疑惑解决了。 理解这个问题首先要明白什么是分辨率，分辨率就是在单位英寸中的点数 dpi ，点数越大分辨率就越高，图像也就越细腻。不过高到一定的程度，人眼也分辨不出来了，一般激光打印机的分辨率是 600dpi ，而照像馆里冲印数码相片的分辨率是 300dpi ，（所以卖数码相机的朋友如果没有要打印特别大的照片的需要，没有必要追求高像素，因为打印分辨率定了，像素的提高，只能提高照片面积，对于画质没有改善） 分辨率又分水平分辨率与垂直分辨率，其实就是水平测量每单位英寸中的点数，和垂直测量每单位英寸中的点数 一般的显示器横竖比约是 4 ： 3 ，而我们常用的屏幕区域　 640 ＊ 480 ， 800 ＊ 600 ， 1024 ＊ 768 也是 4 ： 3 ，所以显示器的横竖分辨率是大致相同的，如果你用的是宽屏显示器 16:9 的，那你可以用 1280*720 的屏幕区域，也可以使横竖分辨率是大致相同。你也可以在一般的显示器上用 1280*720 的屏幕区域，这时的横竖分辨率即不同了，而且你会看着图像有些瘦长。当然

一.工业相机术语 像素 （pixel）：图像上的最小组成单元。图像由小方格即像素组成的，这些小方块都有一个明确的位置和被分配的色彩数值，小方格颜色和位置就决定该图像所呈现出来的样子。像素视为整个图像中不可分割的单位。 分辨率 (resolution)：用与衡量相机对物像中明暗细节的分辨能力。相机分辨率是指相机每次采集的像素点数，对于数字相机一般是直接与CCD或CMOS传感器的像元数对应的，如1280*1024(130W)，1600*1200(200W),2048*1536(300W)等，对于模拟相机则取决于视频格式，PAL制为768*576，NTSC值为640*480. 像元尺寸 ：传感器芯片上的最小组成单元，单位是um,常见的是1.67,2.2,3.45,4.8,5.5,7.4um等。像元尺寸直接影响感光面积大小，影响图像质量，在分辨率足够的情况下，像元越大越好。 芯片尺寸 ：相机的靶面尺寸，以芯片对角线16mm定义为1英寸，常见的有1/4，1/3，1/2.3，1/2.5，1/2，1/1.8等。通常芯片尺寸与分辨率是对应的，如30W一般小于1/3，像元尺寸直接影响传感器尺寸，如500W相机，2.2um像元为1/2.5，3.45um为2/3. 精度 ：单个像素所代表的实际视野（mm/pixel），数值约小精度越高。精度=视野/分辨率。如，视野50mm，对应的分辨率2448

华为刚刚发布的 P30「望远镜」手机能在几十米外拍到埃菲尔上的人名，确实令人佩服，但其售价也是令人望而生畏。那么，不买华为手机、高级单反就拍不到充满细节的高清照片了吗？ 相机不够算法凑，拥有超级拍照能力的手机也离不开算法的加持。本文介绍的 图像超分辨率 项目可以帮你补齐相机镜头的短板。 华为 P30 发布会上展示的埃菲尔铁塔高清远距离照片。 今天，一位 Reddit 网友贴出了自己基于 Keras 的图像超分辨率项目，可以让照片放大后依然清晰。先来看一下效果。 放大数倍后，照片中的蝴蝶（蛾子？）依然没有失真，背上的绒毛清晰可见。 作者表示，该项目旨在改善低分辨率图像的质量，使其焕然一新。使用该工具可以对图像进行超级放缩，还能很容易地在 RDN 和 GAN 上进行实验。 该项目包含不同残差密集网络的 Keras 实现，它们可用于高效的单图像超分辨率（ISR）。同时作者还提供了各种文档资料以帮助训练模型，包括如何使用对抗损失组件训练这些网络。 项目示例 这些示例使用的放大因子（upscaling factor）为 2，即像素数扩大两倍。大家可在 sample_weights 中查看生成示例图像的权重，它们存储在 git lfs 上。如要下载这些权重，你需要先复制该 repo，然后运行 git lfs pull。 左图为原始的低分辨率图像，中间图为该网络的输出结果，右图为使用 GIMP

互联网上的 自适应 方案到底有几种呢？就我个人实践所知，有这么几种方案： 固定一个某些宽度，使用一个模式，加上少许的媒体查询方案 使用flexbox解决方案 使用百分比加媒体查询 使用 rem 淘宝最近开源的一个框架和网易的框架有同工之异。都是采用 rem 实现一稿解决所有设置自适应。在没出来这种方案之前，第一种做法的人数也不少。类似以下说到的拉钩网。看一下流云诸葛的文章。 以下摘自： 从网易与淘宝的font-size思考前端设计稿与工作流 1. 简单问题简单解决 我觉得有些 web app并一定很复杂，比如拉勾网，你看看它的页面在iphone4,iphone6,ipad下的样子就知道了： 它的页面有一个特点，就是： 顶部与底部的bar不管分辨率怎么变，它的高度和位置都不变 中间每条招聘信息不管分辨率怎么变，招聘公司的图标等信息都位于条目的左边，薪资都位于右边 这种app是一种典型的弹性布局：关键元素高宽和位置都不变，只有容器元素在做伸缩变换。对于这类app，记住一个开发原则就好：文字流式，控件弹性，图片等比缩放。以图描述： 这个规则是一套基本的适配规则，对于这种简单app来说已经足够，同时它也是后面要说的 rem 布局的基础。另外对于拉勾这种app可能需要额外媒介查询对布局进行调整的就是小屏幕设备。举例来说，因为现在很多设计稿是根据iphone6的尺寸来的

转自： http://www.cnblogs.com/lyzg/ 阅读目录 1. 问题的引出 2. 简单问题简单解决 3. 网易的做法 4. 淘宝的做法 5. 比较网易与淘宝的做法 6. 如何与设计协作 7. 总结 本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习，讨论html5设计稿尺寸以及前端与设计之间协作流程的问题，内容较多，但对你的技术和工作一定有价值，欢迎阅读和点评：）。 1. 问题的引出 最近阅读白树的博文《 移动web资源整理 》时，他在博文中有一段指出，如果html5要适应各种分辨率的移动设备，应该使用rem这样的尺寸单位，同时给出了一段针对各个分辨率范围在html上设置font-size的代码： html{font-size:10px} @media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}} @media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}} @media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}} @media

像素：图片上最小的点（单位色块） dpi/ppi 图片分辨率 dots per inch / pixels per inch 分别用于打印/图形显示 每英寸图像内的像素点个数 分辨率越高 就会越清晰 分辨率通常会表示为成 每一个方向上的像素数量，比如640x480等 。而在某些情况下，它也可以同时表示 成“每英寸像素”（pixels per inch，ppi）以及图形的宽度和高度 。比如72ppi，和8x6英寸。 ppi×w/h = 640 × 480 来源： https://www.cnblogs.com/liurenyu/p/12467996.html

行 ( 水平 ) 同步 : 控制电子束从右边返回起点 ( 屏幕的左端 ), 也叫行逆程 , 同步信号之间是效的视频信号 . 场 ( 垂直 ) 同步 : 控制电子束从底部返回到顶部 , 也叫场逆程 . 象素时钟 = 一行的有效象素 * 每幅画面的有效行数 * 场频＝分辨率 * 场频 过程： 显像管 电子枪发射的电子束在行偏转磁场的作用下从荧屏左上角开 始，向右作水平扫描（ 称为行扫描正程 ），扫完一行后迅速又 回扫到左边（ 称为行扫描逆程 ）。由于场偏转磁场的作用，在 离第一行稍低处开始第二行扫描，如此逐次扫描直至屏幕的右 下角，便完成了 整个屏幕一帧（即一幅画面）的显示 ，之后，电子束重又回扫到左上角开始新一帧的扫描。 完成一行水平扫 描的时间，确切地说应是第一行开始至第二行开始的间隔时间（行扫描正程时间＋行扫描逆程时间）称 行周期，其倒数即 为行频 FH 同样，完成整个屏幕扫描的时间（ 场扫描正程时 间＋场扫描逆程时间 ）称场周期，其倒数即为 场频 FV 。 早期的显示器是采用隔行扫描方式，即先扫描奇数行 1 、 3 、 5…… 直至终了 ( 奇场 ) ，再扫偶数行 2 、 4 、 6……( 偶场 ) ， 奇场与偶场合在一起才组成完整的一帧图像， 帧频（刷新率） 是场频的一半 。现在绝大多数的电视机仍采用这种扫描方式， 它的优点是 节省频带，缺点是刷新率低，图像有闪烁感