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

屏幕的尺寸(厘米).屏幕分辨率(像素).PPI它们之间是什么关系? 添加评论 分享 赞同2反对,不会显示你的姓名 知乎用户,数据ETL,UNITY3D 刘大侠.如果 赞同 以iphone4 为例,分辨率960*640,屏幕3.5英寸(这个指的是对角线长度),换算成厘米为8.89cm:PPI =  = 326:参考 @谭晓丹 来自为知笔记(Wiz)

屏幕尺寸是指屏幕对角线的长度,一般以英寸为单位,1英寸(inch)=2.54厘米(cm).传统意义上的照片尺寸也是这个概念.所以同样尺寸(指对角线)的屏幕,也可能长宽比率不同.像素(Pixel):是位图(如数字图像)里的抽象概念,指计算机对图像的采样点,没有具体尺寸.通俗理解就是一个一个的方框(点),计算机会保存该采样点的位置和颜色值. 分辨率:像素的总数.如1024px*600px,表示在每行上有1024个像素(采样点),在每列上有600个像素(采样点).注意只要没有对数字图像本身进行编辑,任

1.图像像素: 像素是指由图像的小方格即所谓的像素(pixel)组成的,这些小方块都有一个明确的位置和被分配的色彩数值,而这些一小方格的颜色和位置就决定该图像所呈现出来的样子.像素是构成图像的基本单元,通常以像素/英寸PPI(表示)为单位来表示图像分辨率. 当图像尺寸以像素为单位时,我们需要指定其固定的分辨率,才能将图像尺寸与实际尺寸进行转换. 在Halcon中,快速获得图像大小,像素个数及其它图像信息的算子是:get_image_pointer_rect 例程: read_image(Imag

手机屏幕分辨率的问题,导致h5的1像素看起来比较粗,网上找了一个办法,记下来 主要就是通过scale来缩小宽度 .line1px{     border: none;     border-bottom: 1px solid #e1e3e5;     height: 1px;     transform: scaleY(0.5);     transform-origin: 0 0;     -webkit-transform: scaleY(0.5);     -webkit-transfor

Android屏幕适配全攻略(最权威的官方适配指导)原创赵凯强 发布于2015-05-19 11:34:17 阅读数 153734 收藏展开 转载请注明出处:http://blog.csdn.net/zhaokaiqiang1992 Android的屏幕适配一直以来都在折磨着我们这些开发者,本篇文章以Google的官方文档为基础,全面而深入的讲解了Android屏幕适配的原因.重要概念.解决方案及最佳实践,我相信如果你能认真的学习本文,对于Android的屏幕适配,你将有所收获! Android

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

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

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

像素对齐的概念 在iOS中,有一个概念叫做像素对齐,如果像素不对齐,那么在GPU渲染时,需要进行插值计算,这个插值计算的过程会有性能损耗. 在模拟器上,有一个选项可以把像素不对齐的部分显示出来.  逻辑像素与物理像素 在iOS设备上,有point(逻辑像素)的概念,以及pixel(物理像素)的概念. 在编程序时,用的是point,实际渲染时用的是pixel.一个point可以对应多个pixel. point和pixel的比例是可以通过[[UIScreen mainScreen] scale]来

1.为了用于印刷,所以调整文档尺寸也很重要. 2.像素的多少决定了文件的大小,像素越多图像越清晰越逼真. 3.文档的尺寸改变需要结合分辨率. 4.像素固定的情况下修改分辨率高度宽度也会变化. 5.画面的总像素值=宽度像素值*高度像素值=宽(英寸)*高(英寸)*分辨率(像素/英寸)的平方 6.常用分辨率设置: 洗印照片>=300 杂志,名片等印刷物 >300 海报高清写真96-200 网络照片,网页界面72 大型喷绘25-50 7.自动分辨率命令 在图像大小设定的分辨率是图像分辨率描述的是像素点

2016.9讲义 一．课程的主要内容和目的 二．课程所用工具软件——Photoshop CS6 1. Photoshop 的发展史 1990.2,ps1.0问世,1991.2,PS2.0发行,此后,进入发展快车道.ps从最早的7.0开始到现在的CC2014版本!之间还有cs(8.0).cs2(9.0).cs3.cs4.cs5.cs6.CC这几个版本!目前最新的是CC2015,最常用的是Photoshop. 2. Photoshop的应用发展 平面设计.照片处理.网页设计.界面设计.文字设计.插画

最近在看一些关于CSS3方面的知识,主要是平时看到网页中有很多用CSS3实现的很炫的效果,所以就打算系统的学习一下.在网上找到很多的文章,但都没有一个好的整理性,比较凌乱.昨天看到w3cplus网站中关于CSS3的一些文章,觉得讲解的比较细,所以就决定以此作为学习的模板,一步步开始. 平时上下班在地铁上经常是拿着手机看小说新闻之类的,考虑到在手机端直接访问这些网页肯定会耗费很大的流量,所以最好是将这些文章下载下来放在手机里看,比如保存成图片或pdf当然是最好的选择. 之前曾在园子里看到某前端高手

一.System.Drawing 命名空间简述 System.Drawing 命名空间提供访问 GDI+ 的基本功能,更高级的功能在 System.Drawing.Drawing2D,System.Drawing.Imaging 和 System.Drawing.Text 命名空间 程序集: System.Drawing.dll 二.System.Drawing.Image 简述 Image 类:为源自 Bitmap 和 Metafile 的类提供功能的抽象基类 命名空间: System.Dra

雨天窗户上透明水滴字制作方法很简单,主要利用图层样式来实现.学习后可以让你对图层样式有更好的了解,认识. 先看下完成后的效果图: 步骤1: 在Photoshop中我们新建或Ctrl+N,创建1920x 1200像素大小,分辨率72像素/英寸,RGB颜色,8位,背景内容为白色的新文件.然后打开雨天背景图. 步骤2: 选文字工具(T)输入你需要的文字,调整文字的字体.大小.和间距. 步骤3: 双击文字打开文字图层样式,设置混合选项,把填充不透明度设为0%. 设置斜面和浮雕 样式:内斜面方法:平滑深度

第一章 APP用户界面基础 1.1 手机UI设计相关基本概念 1.1.1 什么是UI设计 UI(User's Interface)即用户界面,它不仅仅是美化界面,还需要研究用户,让界面变得更友好.简洁.舒适.易用.用户界面无处不在.它可以是登录界面,也可以是软件界面,手机.PC上都有: 1.1.2 手机UI与平面UI的不同 手机UI将范围基本锁定在手机的APP/客户端上.平面UI范围则非常广泛,包括了绝大部分的UI领域. 1.1.3 什么是APP/客户端 APP(application)指的是应

2016PS第4-5周 图像的高级编辑方法: 4-1.用变换将照片放入相框 1.打开素材文件01-1.jpg 2.执行:文件/置入,选素材01-2.jpg 3.执行:编辑/变换/缩放,缩小照片,暂不退出此模式 4.单击鼠标右键,选“扭曲”,调控点,最后确认操作 4-2.用变换为效果图添加室外环境 1.打开素材文件02-1.jpg 2.执行:文件/置入02-2.jpg并移至合适位置 3.执行:编辑/变换/透视,调整 4.在“图层”面板选素材02-2图层,拖曳至图层0的下一层,在设置02-2图层的不

2016.9讲义 一．课程的主要内容和目的 二．课程所用工具软件——Photoshop CS6 1. Photoshop 的发展史 1990.2,ps1.0问世,1991.2,PS2.0发行,此后,进入发展快车道.ps从最早的7.0开始到现在的CC2014版本!之间还有cs(8.0).cs2(9.0).cs3.cs4.cs5.cs6.CC这几个版本!目前最新的是CC2015,最常用的是Photoshop. 2. Photoshop的应用发展 平面设计.照片处理.网页设计.界面设计.文字设计.插画

3-认识主界面 # 主界面包括: 菜单栏.选项栏.工具栏.面板.图像编辑窗口(中间)和状态栏(底部): # 界面设置: 方法1:Ctrl+k:打开界面设置; 方法2:编辑-首选项-界面 # shift+油漆桶工具:可改变绘图板周边的颜色 # Alt+滚轮:可缩放画板,但是速度较慢 # shift+Alt+滚轮:可缩放画板,但是速度较快 # Ctrl+滚轮:可调整下面滚动条,左右移动 # shift+滚轮: 可调整右边滚动条,上下移动 # 鼠标左键按住左下角:可出现高度.宽度.通道和分辨率等信息

写在前面 本文主要内容包括,什么是MP4.MP4文件的基本结构.Box的基本结构.常见且重要的box介绍.普通MP4与fMP4的区别.如何通过代码解析MP4文件 等. 写作背景:最近经常回答团队小伙伴关于直播 & 短视频的问题,比如 "flv.js的实现原理"."为什么设计同学给的mp4文件浏览器里播放不了.但本地可以正常播放"."MP4兼容性很好,可不可以用来做直播" 等. 在解答的过程中,发现经常涉及 MP4 协议的介绍.之前这块有简

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