分辨率.DPI.PPI和屏幕尺寸 分辨率 DPI/PPI 坑爹的屏幕尺寸 Reference 手机开发中不免会遇到分辨率.DPI.PPI和屏幕尺寸等术语,那就弄弄清楚这些概念的真正含义. 分辨率 分辨率这个词在很多地方都有,比如相机.视频.扫描仪.这里说的就是显示器的分辨率.显示器是由一个个像素点(pixel)所组成的,一般所说的显示器分辨率是1280x720就表示这个显示器水平方向有1280个像素,垂直方向上有720个像素.但是并非分辨率越高屏幕显示效果越好,还需要根据屏幕的大小来决定.也就是…

概念: dpi(Dots Per Inch):每英寸上的点数,最初用于衡量打印物上每英寸的点数密度,打印机在一英寸内打多少个点.DPI值越小越不精细. ppi(Pixels Per Inch):每英寸上的像素点数量,当DPI的概念用在电子屏幕上时,就应称之为ppi. 对于开发者而言dpi就是ppi,ppi就是dpi,两者统称为屏幕密度. px(Pixel):像素单位. dp(device independent pixels):也就是dip(设备独立像素),Android系统中的长度单位. 分辨…

十分钟快速理解DPI和PPI,不再傻傻分不清! https://baijiahao.baidu.com/s?id=1605834796518990333&wfr=spider&for=pc关于UX测试相关的: 之前一直搞的不是很清楚 这个百家号的解释挺好的 简单转帖一下 以后仔细研究,  设计师充电站 18-07-1308:58 72DPI的图片拿去打印会糊吗?手机拍出来的照片是多少DPI?PS里显示72PPI为什么另存为JPG就变成96DPI了? 类似的问题层出不穷.本站很多篇文章都讲到…

写在前面 各种手机测频机构或者相关资讯老是谈及一个概念:ppi和dpi,通常总会忽略,只是稍微明白,这参数越高,说明屏幕分辨率越高:很长时间都止步如此:但作为一个iOS开发者,岂能止步如此,万一别人问起,自己答不上来该多丢人啊… DPI和PPI DPI的全称是“Dots Per Inch”,PPI的全称是“Pixels Per Inch”,它们的意思看起来很清楚,但又不是很能区分,还是看别人怎么回答吧. DPI和PPI的区别是什么?来自知乎网友的回答: DPI(dots per inch)和 P…

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

首先应该明白几个概念: 1寸=3.3333333厘米(cm)1英寸(in)=2.54厘米(cm)屏幕尺寸: 屏幕对角线的长度.电脑电视同理.LCD是由液态晶体组成的显示屏(本向不发光) 有于电脑手机显示器LED则是由发光二极管组成的显示屏.(本身发光) 用于街面上的广告 每英寸描述的是水平的和垂直的方向上 DPI(dots per inch):打印分辨率(每英寸所能打印的点数,即打印精度) PPI(pixels per inch):图像采样率(在图像中,每英寸所包含的像素数目),这个值越大,屏幕…

1. 名词理解 屏幕尺寸(screen size) 屏幕尺寸(screen size),是屏幕的对角线长度,一般讲的大小单位都是英寸. DPI (dots per inch) dpi 是(英文Dots Per Inch)(每英寸所打印的点数)的缩写,是打印机.鼠标等设备分辨率的单位.国际上都是计算一平方英寸面积内像素的多少.这是衡量打印机打印精度的主要参数之一,一般来说,该值越大,表明打印机的打印精度越高.如果对于扫描设备,dpi越大,则采样点越高,扫描的图片越清晰. 可以理解为像素的密度,即单…

颜色模式:用于显示和打印图像的颜色模型 RGB:电子设备的颜色 CMYF:印刷的颜色 印刷的图像分辨率大于等于120像素/厘米,300像素每英寸 图像分辨率单位为PPI(每英寸像素Pixel per inch, ppi),设备分辨率为DPI(每英寸点Dot per inch, dpi) 位图是点阵图像,矢量图是线段和曲线描述的图,矢量图不会失真…

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

转自DPI/PPI/dp/sp/px/pt 移动设计手册 做移动设计的同学,不管是原生app或者web app,应该对字体字号都是很头痛的问题.根本原因是,我们用唯一分辨率的电脑,设计各个不同尺寸大小分辨率的设备,那简直要疯掉了. 但不要着急,我们先来理解一下一些名词: 我们一般会碰到的度量单位主要有:dpi.ppi.dp.sp.px.pt.in.其中,px应该各位最熟悉的单位,也是我们主要使用的photoshop或者axure等工具用的度量单位,而它在移动端时,的确已经"过时"了.但…

mobile app & ppi & dpi & px How do dp, dip, dpi, ppi, pixels and inches relate? https://stackoverflow.com/questions/8478882/how-do-dp-dip-dpi-ppi-pixels-and-inches-relate What is the difference between "px", "dip", "dp…

说明位图,矢量图,像素,分辨率,PPI,DPI? 显示全部 关注者 28 被浏览 7,031 关注问题写回答 ​邀请回答 ​添加评论 ​分享 ​     2 个回答 默认排序 刘凯   21 人赞同了该回答 位图:位图图像(bitmap), 亦称为点阵图像或绘制图像,是由称作像素(图片元素)的单个点组成的.这些点可以进行不同的排列和染色以构成图样.当放大位图时,可以看见赖以构成整个图像的无数单个方块.只要有足够多的不同色彩的像素,就可以制作出色彩丰富的图象,逼真地表现自然界的景象.缩放和旋转容易…

如果你是一个开始接触移动Web开发的前端工程师,那么你或许也遇到了和我曾经遇到的过问题:有太多新的概念需要掌握,太多相似的概念需要区分.没关系,我将用两篇文章的篇幅来解决这些问题.上篇文章关于解释和区分一些入门级别概念. 这些概念你或许一直在各种场合看到或者听说,好像熟的很,但你真的了解它们背后的含义吗?下篇文章我们就需要用到这些概念,聊一聊移动设备上的图片加载方案.至于响应式设计,已经有太多写的非常好的文章来叙述它们,这次在这里我就不赘述了. 我们先从听说最多一个概念——PPI开始. PPI…

支持多个屏幕大小和 DPI 值的指导原则 要部署独立于平台的应用程序,应了解不同的输出设备.设备可以具有不同的屏幕大小或分辨率以及不同的 DPI 值或密度. Flex 工程师 Jason SJ 在他的博客中介绍了两种创建与分辨率无关的移动设备应用程序的方法. 术语 分辨率是像素高度乘以像素宽度得到的数值:即设备支持的像素总数. DPI 是每平方英寸的点数:即设备屏幕上的像素密度.术语 DPI 和 PPI(每英寸像素数)可以互换使用. Flex 对 DPI 的支持 以下 Flex 功能简化了生成与…

1.PX(CSS pixels) 1.1 定义 虚拟像素,可以理解为“直觉”像素,CSS和JS使用的抽象单位,浏览器内的一切长度都是以CSS像素为单位的,CSS像素的单位是px. 1.2 注意 在CSS规范中,长度单位可以分为两类,绝对(absolute)单位以及相对(relative)单位.px是一个相对单位,相对的是设备像素(device pixel). 在同样一个设备上,每1个CSS像素所代表的物理像素是可以变化的(即CSS像素的第一方面的相对性); 在不同的设备之间,每1个CSS像素所代…

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

1.术语和概念 术语 说明 备注 Screen size(屏幕尺寸) 指的是手机实际的物理尺寸,比如常用的2.8英寸,3.2英寸,3.5英寸,3.7英寸...... nexus4手机是4.7英寸 Aspect Ratio(宽高比率) 指的是实际的物理尺寸宽高比率,分为long和nolong nexus4是16:10,属于long Resolution(分辨率) 和电脑的分辨率概念一样,指手机屏幕纵.横方向像素个数 nexus4是1280*768 DPI(dot per inch) 每英寸像素数,…

了解移动web像素的知识,主要是为了切图时心中有数.本文主要围绕一个问题:怎样根据设备厂商提供的屏幕尺寸和物理像素得到我们切图需要的逻辑像素?围绕这个问题以iphone5为例讲解涉及到的web像素相关知识. 一.前置知识 1. iphone5的相关参数 iPhone 5 处理器 苹果A6处理器,1.3Ghz 屏幕 四英寸1136 × 640 Retina Display 主摄像头 800万像素 前置摄像头 120万像素 闪存 16GB 32GB 64GB 机身 前钢化玻璃面板,后混合面板+金属边…

title: 2016-5-5未命名文件 tags: UI适配,图片资源 grammar_cjkRuby: true --- 概述: 本文整理了Android开发中,图片资源的提供方式和使用方式.包括图片文件的文件组织,nine-path图片,系统选择不同设备针对的图片时的规则等.可以在Android开发文档中,Develop > API Guide > App Resources 目录找到有关应用资源的更全面的介绍. Note: 在Android 3.2之后的版本,有新的资源组织方式,本文只…

想要在移动web领域有所深造的小伙伴,第一关要过的就是逻辑像素与设备像素之间的关系. 初入移动web,一定要搞懂的几个单位(DPI.PPI.DP.PX 的详细计算方法及算法来源是什么?): dip(dp): device independent pixels(设备独立像素),是安卓开发用的单位,1dp表示在屏幕点密度为160ppi时1px长度. dpi:dot per inch,dpi是dot per inch,每英寸多少点,ppi是 Pixel per inch,每英寸像素数,针对显示器的设计…

最近在项目开发过程中涉及到了移动端,现在对此进行总结. 在此次M端的开发过程中,遇到了许多问题,在此进行一次总结,希望大家在以后的开发过程中能尽量规避类似的问题,提高开发效率和代码质量.一.布局1.移动端开头<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0, maximum-scale=1.0"/>一般在写移动端时,会在head标签内添…

DPI与PPI DPI(Dots Per Inch)是印刷行业中用来度量空间点密度用的,这个值是打印机每英寸可以喷的墨汁点数. 计算机显示设备从打印机中借鉴了DPI的概念,由于计算机显示设备中的原子单位不是墨汁点而是像素,所以就创造了PPI(Pixels Per Inch),这个值是屏幕每英寸的像素数量,即像素密度(Screen density).由于各种原因,目前PPI(主要是iOS)和DPI(比如在Android中)都会用在计算机显示设备的参数描述中,不过二者的意思是一样的,都是代表像素密度…

× 目录 [1]屏幕尺寸 [2]分辨率 [3]像素密度 前面的话 实际上,并没有人提过屏幕三要素这个词,仅是我关于移动web开发屏幕相关部分总结归纳的术语.屏幕三要素包括屏幕尺寸.屏幕分辨率和屏幕像素密度. 屏幕尺寸 我们常常听说5.5英寸大屏幕手机,实际上屏幕尺寸是指屏幕的对角线长度.常见的屏幕尺寸有3.5.4.4.3.4.8.5.0.5.2.5.5.6.0等 对于英寸没有什么概念,可以通过转换公式转换成常用的厘米 1英寸 = 2.54厘米 3.5in = 3.5*2.54cm = 8.89c…

一个像素里复杂纷扰的世界 文 | 啃先生 Mar.3rd.2016  首发于微信公众号(啃先生) 上一篇发了<[移动适配]移动Web怎么做屏幕适配> 壹 | Fisrt 在CSS的世界里Px是原子操作,我们无法定义边框的宽度是0.5px,最小都是1px.所以有以下结论: 然而,对于精益求精的产品而言,这种认识只是片面的!例如:我做了一个页面,上面只有两条边框,在高清屏(如iPhone5s)上,经过特殊处理的边框比1像素的边框还要细. 因此,在高清屏上,border-width:1px;并不是最…

一.调试工具介绍(Chrome Emulation) 1.Device(设备相关) 自定义尺寸.Network(网络模拟).UseAgent(浏览器信息).缩放 2.Media(媒体) 3.Network(网络模拟) 4.Senors(传感器) 经纬度.陀螺仪 二.本地服务器搭建 1.搭建服务器 || HBuilder 2.同一网络下用设备连接 *关闭防火墙 三.像素比 1.点 point(抽象单位) 2.像素渲染(栅格化) 3.物理像素(调整大小) 4.dpi.ppi 5.获取像素比(wind…

设备像素dp(device pixels) ppi(pixels per inch)表示每英寸所拥有的像素(pixel)数目,数值越高,代表屏幕能以更高的密度显示图像. 计算公式:ppi=像素数量/物理尺寸(英寸数) ppi就是设备像素dp(device pixels)的单位. 举例: 一个3.5寸的分辨率为320*480的屏幕a,ppi是(根号(320^2 + 480^2)) / 3.5 = 164,约等于160. 一个3.8寸的分辨率为480*800的屏幕b,ppi是(根号(480^2 +…

使用 gomobile 检测 华为荣耀 6 Plus 的屏幕大小为:  1080*1776 px ;   162pt*266.40pt ;  每pt像素个数:6.666665个. 而实际的数据是: 主屏尺寸: 5.5英寸:  分辨率  1920*1080 像素 : 像素密度 401ppi. 实测 1776,而不是 1920 是因为 华为荣耀 有一个可隐藏的 按钮区, 实测时按钮区是存在的,排除了按钮区的高度就是 1776 .   另外,它5.5英寸的屏幕,手机屏幕以16:9,大概长12.18,宽…

我的笔记本:型号 acer4750G-2412g50mnkk 分辨率:1333*768,点距:0.25933mm; 12px下的font-size: 默认line-height减去font-size:为3px:(上:下=2:1) 浏览器版本:chrome31.0.1650.57 浏览器宽度减小,div中文字分两行, 行间的文字间实际高度是0.25933mm*3即0.77799mm,也就是行间距. text-align:text-top指的是本inline-box的top与父元素中的font-si…

来自:http://www.cnblogs.com/youxilua/archive/2012/05/08/2489414.html 导言 设配android的屏幕一定是一个噩梦,就好比那些搞网页设计的为了折腾各种浏览器,废寝忘食的去设配,其实,这样想想,设配android屏幕还真和那些网页设计去设配浏览器没啥区别…最近,在写一套通过在view上绑定tag命令的小框架,特定的再回到API文档中,找找那些沉睡在api文档中好用的方法! 1.没有一劳永逸的方案! 有经常关注android官方文档的,…

字体大小的设置单位,常用的有2种:px.pt.这两个有什么区别呢?先搞清基本概念:px就是表示pixel,像素,是屏幕上显示数据的最基本的点:pt就是point,是印刷行业常用单位,等于1/72英寸.这样很明白,px是一个点,它不是自然界的长度单位,谁能说出一个“点”有多长多大么?可以画的很小,也可以很大.如果点很小,那画面就清晰,我们称它为“分辨率高”,反之,就是“分辨率低”.所以,“点”的大小是会“变”的,也称为“相对长度”.pt全称为point,但中文不叫“点”,查金山词霸可以看到,确切的…