分辨率

像素即一个小方块,它具有特定的位置颜色

图片、电子屏幕(手机、电脑)就是由无数个具有特定颜色和特定位置的小方块拼接而成。

像素可以作为图片或电子屏幕的最小组成单位。

下面我们使用sketch打开一张图片:

将这些图片放大即可看到这些像素点:

通常我们所说的分辨率有两种,屏幕分辨率图像分辨率

屏幕分辨率

屏幕分辨率指一个屏幕具体由多少个像素点组成。

下面是apple的官网上对手机分辨率的描述:

iPhone XS Max 和 iPhone SE的分辨率分别为2688 x 1242和1136 x 640。这表示手机分别在垂直水平上所具有的像素点数。

当然分辨率高不代表屏幕就清晰,屏幕的清晰程度还与尺寸有关。

图像分辨率

我们通常说的图片分辨率其实是指图片含有的像素数,比如一张图片的分辨率为800 x 400。这表示图片分别在垂直和水平上所具有的像素点数为800和400。

同一尺寸的图片,分辨率越高,图片越清晰。

PPI

PPI(Pixel Per Inch):每英寸包括的像素数

PPI可以用于描述屏幕的清晰度以及一张图片的质量。

使用PPI描述图片时,PPI越高,图片质量越高,使用PPI描述屏幕时,PPI越高,屏幕越清晰。

在上面描述手机分辨率的图片中,我们可以看到:iPhone XS Max 和 iPhone SE的PPI分别为458和326,这足以证明前者的屏幕更清晰。

由于手机尺寸为手机对角线的长度,我们通常使用如下的方法计算PPI:

iPhone 6的PPI为 :

,那它每英寸约含有326个物理像素点。

DPI

DPI(Dot Per Inch):即每英寸包括的点数

这里的点是一个抽象的单位,它可以是屏幕像素点、图片像素点也可以是打印机的墨点。

平时你可能会看到使用DPI来描述图片和屏幕,这时的DPI应该和PPI是等价的,DPI最常用的是用于描述打印机,表示打印机每英寸可以打印的点数。

一张图片在屏幕上显示时,它的像素点数是规则排列的,每个像素点都有特定的位置和颜色。

当使用打印机进行打印时,打印机可能不会规则的将这些点打印出来,而是使用一个个打印点来呈现这张图像,这些打印点之间会有一定的空隙,这就是DPI所描述的:打印点的密度。

在上面的图像中我们可以清晰的看到,打印机是如何使用墨点来打印一张图像。

所以,打印机的DPI越高,打印图像的精细程度就越高,同时这也会消耗更多的墨点和时间。

移动端前端月历日历_前端基础:必须要知道的移动端适配(2)——分辨率相关推荐

  1. 前端实习生笔试_前端面试实习题目总结:

    以下是部分整理,有时间还会整理出其他的~~ (最近还在找实习呜呜~~) 1.JavaScript是一种弱类型语言,有什么优点和缺点 https://blog.csdn.net/sinolze... ( ...

  2. java后端与前端的交互_前端和后端数据交互的基本知识和常见方式

    一.首先了解前端,后端,数据三者的关系. 1.前端常常是是html,css,js三者的构成的页面的总称.运行在客户端.以浏览器为例. 2.后端常常是后端语言.比如php,java等写的一些脚本.来操作 ...

  3. mysql前端还是后端_前端和后端哪个发展好点?

    前端和后端哪个工资高,哪个发展前景好?事实上,两个都是属于技术研发岗位,都是高薪有前途的职业,不存在说哪个工资更高些,都基本在一万到五万之间,工资的差别主要体现在个人技术上.要问做前端好还是做后端好? ...

  4. java和前端哪个好学_前端好学还是Java好学?

    学web前端 首先要了解前端是做什么的,web前端开发工程师,主要职责是利用 html,css,JavaScript,Flash等各种web技术进行客户端产品的开发.完成客户端程序(也就是浏览器端)的 ...

  5. file input 移动端选择文件夹_免费 |《MNN For Swift》移动端机器学习实战课程

    自 2019 年 4 月在 Github 开源以来,淘系技术部-端智能团队自研的 MNN 推理引擎,因为其高性能.易用性以及优秀兼容性受到不少开发者的支持和喜爱.我们也把这份支持化作不断前进的动力,仅 ...

  6. 移动端 关闭浏览器事件_前端开发中什么是移动端点透事件?

    点透事件:是指两个元素其中一个元素具有默认的点击事件,当我们让不具有点击事件的元素隐藏起来,会触发另一个元素的点击事件,这种行为被称之为点透事件. 如下图所示:当我们给div元素添加touchstar ...

  7. 前端学习路线_前端学习路线图

    2020年全新前端学习路线图分享给大家! 学习是一个循序渐进的过程,是一件非常难得坚持的事情.如果真的想学习前端开发,一定要下决心! 我这里分享给你的前端学习路线图,希望对你有帮助,以下为2020年更 ...

  8. python比前端好学吗_前端学习到底难不难?

    难易程度是相对的,不是绝对的. 前端学习相对于java,python等肯定是更为简单的.精通会有难度,而且更新速度很快,需要不断的充实自己,提升自己,这也是一个难点. 前端学习初期,不知道该怎么学,学 ...

  9. 调用后台接口返回报错前端隐藏提示_前端异常监控解决方案研究(转)

    前端监控包括行为监控.异常监控.性能监控等,本文主要讨论异常监控.对于前端而言,和后端处于同一个监控系统中,前端有自己的监控方案,后端也有自己等监控方案,但两者并不分离,因为一个用户在操作应用过程中如 ...

最新文章

  1. 【重复制造精讲】REM Pull List 拉料单(续)
  2. Matlab命令汇总
  3. HIbernate抽象出通用方法
  4. 代码也浪漫——Python烟花秀
  5. VMware Workstation 不可恢复错误: (vcpu-0) vcpu-0:VERIFY vmcore/vmm/main/cpuid.c:376 bugNr=1036521
  6. asp 文件上传(ASPUpload组件上传)
  7. 抖音视频去水印,获取无水印原视频的方法及过程分析。附上代码截图,很简单,主要是分析过程废了些时间。
  8. git里面的文件怎么删不掉_彻底删除git中没用的大文件
  9. 求解:Encountered internal error running command: TypeError: Cannot read property 'toLowerCase' of unde
  10. esp8266 wifi模块的使用
  11. 如何打开扩展名为.DB 文件. 使用sqlite3 很方便
  12. OpenglES2.0 for Android:第一个OpenglES应用
  13. lightgbm调参经验
  14. 阿里云语音电话的sdk的调用实例
  15. win7下安装xp双系统--ghost最简单完美版
  16. 【英语】新走遍美国-即使平凡也要追求梦想
  17. 回收站数据恢复软件如何选
  18. 遗传分化一些基本概念
  19. 单目、双目及深度相机比较
  20. PROCESSENTRY32结构 详细介绍

热门文章

  1. 打败 Python、JS、C# 成最受欢迎编程语言,是时候掌握 Rust 了吗?
  2. Android 违规使用 Java,谷歌或面临 88 亿美元赔款
  3. 手游开发者们,佛系青蛙会死吗?
  4. 自定义键盘组件_WEB组件终极开发手册:让玩家没了鼠标也能操作
  5. mysqlpxc集群
  6. 完美收官!java程序内存溢出找原因
  7. php 怎样让 键 值 反转,PHP 控制和反转
  8. python 写入excel 日期_详解:Python实现大数据收集至excel的思路大牛分享(建议收藏)...
  9. crammd5 php,使用CRAMMD5的SMTP身份验证
  10. 一体机服务器性能,一体机的服务器