分辨率

华为刚刚发布的 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

1、表示颜色的几种方式：HSB、RGB、LAB、CMKY。HSB是色相、饱和度、明度三个维度表示，RGB是红绿蓝三种颜色的分量表示，LAB是亮度和a 、b两个颜色通道表示，CMKY是青色、品红色、黄色、黑色的四种分量表示。 2、光的三原色：红绿蓝，主要用于屏幕，颜料三原色：红黄蓝，主要用于印刷。 3、印刷的颜色跟屏幕的上显示的颜色不是一一对应的，在RGB上，黑色可以用RGB混合表示，在油墨印刷中，由于目前制造工艺还不能造出高纯度的油墨，CMY相加的结果实际是一种暗红色，而不是黑色。 4、互补色：在色环中一种颜色对应的互补色是自身180度的颜色，比如红色的互补色是绿色。 5、对比色：指在24色相环上相距120度到180 度之间的两种颜色，比如蓝色的对比色为橙色。 6、图像分辨率单位为用ppi（每英寸多少像素）表示，其他的用dpi表示，包括屏幕、印刷等。 一个像素是一个正方形，一个像素只能有一种颜色，图像分辨率一般为72ppi，印刷中一般为300dpi，一个像素为一个字节。 7、分辨率：分辨率是指有多少像素，比如说显示器分辨率是1280x720就表示这个显示器水平方向有1280个像素，垂直方向上有720个像素。 8、当改变分辨率的时候，比如将图像的分辨率单位从72ppi改成300ppi，图像像素增加，图像大小也变大。增加的像素是通过算法复制周围像素插入。像素插值算法有：邻近复制

先对比所有市面上的iPhone设备，然后分析如何适配新的设备， iPhone4,iPhone4s 分辨率960*640 长宽比1.5 iPhone5,iPhone5s 分辨率1136*640 长宽比1.775 iPhone6 分辨率1334*750 长宽比1.778 iPhone6+ 分辨率1920*1080 长宽比1.777 由此可见，只有iPhone4和iPhone4s和iPhone5及以上设备的长宽比不一样，可以粗略认为iPhone5、5s、6、6+的长宽比是一样的，可以等比例缩放，虽然有细微的差别，基本上看不出来。 所有设计界面只设计两套应该就OK，一套以最大的分辨率iPhone6+的1920*1080设计，一套以iPhone4和4s的960*640的设计。程序中最好保持两套UI切图就可以满足市面上所有的iPhone设备。当然拥有更多的切图也是可以的，程序包的加入的图片越多，程序包就越大，用户下载的体验就差一点。 来源： https://www.cnblogs.com/likwo/p/4037005.html

ESPCN论文笔记 论文：Real-Time Single Image and Video Super-Resolution Using an Efficient Sub-Pixel Convolutional Neural Network 此前利用卷积神经网络(CNN)的图像超分辨率方法(Super Resoluiton, SR)中，通常在图像预处理阶段利用双三次插值将低分辨率(LR)图像变换为目标分辨率，然后在高分辨率的条件下进行特征提取与图像重建(例如SRCNN)。这样做使得算法的计算复杂度很高，ESPCN提出了一种在低分辨率场景下提取特征并重建图像的网络结构，降低了计算量，提高了运行速度。 网络结构 首先将L层卷积神经网络直接应用于LR图像，然后应用亚像素卷积层(sub-pixel convolution layer)进行特征映射与放大生成高分辨率(HR)图像。亚像素卷积层就是ESPCN的主要贡献，其后有很多方法都仿照此，在LR上提取特征，继而经过亚像素卷积层提高分辨率。(sub-pixel convolution又称作pixel shuffle) 一般通过卷积操作生成的特征图会比原始图像更小，而当步长小于1时，得到的特征图就会大于原始图像。这里就是将通过CNN生成的r²个H×W×C的张量转化成为一个rH×rW×C的张量。r为scale factor，H、W为图像宽高

首先，我们查询一下，系统当前支持的分辨率和显示器的名称： xrandr -q 我们发现，显示器名叫Virtual1，但是没有我们想要的1080分辨率，我们要新建个分辨率项。 使用cvt生成期望分辨率的最佳的显示配置，命令里的“60”表示显示器刷新频率，普通显示器的刷新频率是60Hz，而游戏显示器的刷新频率为144Hz。 cvt 1920 1080 60 把此配置以“1920x1080”的名称添加到分辨率列表中。 xrandr --newmode "1920x1080" 173.00 1920 2048 2248 2576 1080 1083 1088 1120 -hsync +vsync 把此分辨率项应用到显示器上。 xrandr --addmode Virtual1 1920x1080 每次关机后，我们新添加的配置项“1920x1080”都会失效。所以我们要编写一个开机脚本：vim /etc/profile，在末尾添加命令： xrandr --newmode "1920x1080" 173.00 1920 2048 2248 2576 1080 1083 1088 1120 -hsync +vsync xrandr --addmode Virtual1 1920x1080 完。 来源： https://www.cnblogs.com/liyou-blog/p/12381798

原文： https://www.jianshu.com/p/b0253e457031 前言 最近要给项目换几个图片资源外加调整一下UI尺寸细节，发现项目里面使用了有很多类似这种限定屏幕分辨率的配置限定符： 屏幕分辨率配置限定符 乍一看以为是针对特定的屏幕弄的一些特殊资源，似乎用法是当且仅当屏幕像素点数量和限定符一致时就能匹配到，所以里面会放一些针对该分辨率的特殊资源。然而经过一番测试，实际情况并不是我想象的那样，甚至让我产生了更多疑问。 AxB的写法，到底A和B，哪个代表宽度，哪个代表高度？ A和B的单位是dp还是px？ 为什么某些情况下匹配不到我指定的屏幕分辨率目录下的资源？ 目前已公开的情报 文档 遇到这种问题，第一个当然是要查关于配置限定符的 官方文档 ，然而文档里并没有提到AxB这种写法的配置限定符，官方文档里列出了19个配置限定符（截至API 27），按照顺序，它们分别是：MCC和MNC，语言和区域，布局方向，最小dp宽度，可用dp宽度，可用dp高度，屏幕尺寸（值为normal, xlarge等），屏幕纵横比，是否圆形屏幕，UI模式，是否夜间模式，屏幕像素密度（值为hdpi, xhdpi等），触摸屏类型，键盘可用性，主要文本输入法（感觉叫 硬件键盘类型 更准确），导航键可用性，主要非触摸导航方法，平台版本。 完全没有提到屏幕分辨率限定符这种写法

亚像素Sub Pixel 评估图像处理算法时，通常会考虑是否具有亚像素精度。 亚像素概念的引出： 图像处理过程中，提高检测方法的精度一般有两种方式:一种是提高图像系统的光学放大倍数和CCD相机的分辨率能力；另一种是引入亚像素细分技术来弥补硬件的不足以提高图像系统的分辨率。 如使用亚像素细分技术将精度提到到0.01像素，就相当于提高了100倍的图像系统分辨率。 [分辨率可以从显示分辨率与图像分辨率两个方向来分类。 显示分辨率 （屏幕分辨率）是屏幕 图像 的精密度，是指 显示器 所能显示的 像素 有多少。由于屏幕上的点、线和面都是由像素组成的，显示器可显示的像素越多，画面就越 精细 ，同样的屏幕区域内能显示的信息也越多。显示分辨率一定的情况下，显示屏越小图像越清晰，反之，显示屏大小固定时，显示分辨率越高图像越清晰。 图像分辨率 则是单位英寸（PPI，pixel per inch）中所包含的像素点数，其定义更趋近于分辨率本身的定义。] 优点： 大大节省系统的硬件投入成本，降低技术应用的难度，扩大其应用范围。 亚像素细分技术最早是由Hueckel M F在a local visual operator which recognizes edges and lines中提出。目前此技术已取得了很好的成果。 亚像素定义： 像素是成像面的基本单位也是最小单位，通常被称为图像的物理分辨率。