精华内容
下载资源
问答
  • iOS分辨率和像素

    2014-11-10 11:14:18
    分辨率和像素 经新xcode6模拟器验证(分辨率为pt,像素为真实pixel): iPhone5分辨率320x568,像素640x1136,@2x iPhone6分辨率375x667,像素750x1334,@2x iPhone6 Plus分辨率414x736,像素1242x2208,@...

    分辨率和像素

    经新xcode6模拟器验证(分辨率为pt,像素为真实pixel):

    • iPhone5分辨率320x568,像素640x1136,@2x
    • iPhone6分辨率375x667,像素750x1334,@2x
    • iPhone6 Plus分辨率414x736,像素1242x2208,@3x,(注意,在这个分辨率下渲染后,图像等比降低pixel分辨率至1080p(1080x1920))

    PaintCode做了几个图讲解的非常明了

    自动适配

    不处理时自动等比拉伸,如果在老工程打印屏幕frame,依然是320x568
    对比自动适配的和完美适配的导航栏就能看出问题:

    因为拉伸所以会有一些虚,导航栏明显比64要大,但相比3.5寸到4寸的留黑边还是好很多。
    如何关闭自动适配方案呢?这个还是老思路,换启动图:

    除了换启动图外,不得不说的是,新Xcode中可以使用一个xib来设置启动图:

    不过这个xib不能关联任何的代码(不能自定义View的Class,不能IBOutlet,不能加Object),可以理解成这个xib就是一张截图,这个方案的好处在于可以使用到Size Classes来针对不同屏幕布局这个xib(感兴趣可以看《Size Classes初探》)

    关于手动适配

    只要手动指定了启动图或者那个xib,屏幕分辨率就已经变成应有的大小了,老代码中所有关于写死frame值的代码通通倒霉,如果去手动适配就要全部适配,建议在找到个可行方案前先不要做修改,自动适配方案还算不影响使用。

    面对4个分辨率的iPhone,建议使用Auto Layout布局 + Image Assets管理各个分辨率的图片 + Interface Builder(xib+storyboard)构建UI,Size Classes在低版本iOS系统的表现未知。想要这套手动适配方案,起码你的工程需要部署在iOS6+,还不用AutoLayout布局的会死的蛮惨。

    关于Xcode6

    • 模拟器路径被换成了 ~/Library/Developer/CoreSimulator/Devices/
    • xcode6中已经找不到iOS6的模拟器了,是时候说服大家放弃iOS7-了
    • 现在起提交App Store强制需要支持64位,是时候梳理一遍所有依赖的第三方lib,更新到64位
    展开全文
  • 分辨率和像素是什么关系? 像素即px,是画面中最小的点(单位色块)。 分辨率=画面水平方向的像素值 * 画面垂直方向的像素值。分辨率可以分为两方面:屏幕分辨率和图像分辨率。 1. 屏幕分辨率: 例如,屏幕分辨率...

    分辨率和像素是什么关系?

    像素即px,是画面中最小的点(单位色块)。

    分辨率=画面水平方向的像素值 * 画面垂直方向的像素值。分辨率可以分为两方面:屏幕分辨率和图像分辨率。

    1. 屏幕分辨率:
    例如,屏幕分辨率是1024×768,也就是说设备屏幕的水平方向上有1024个像素点,垂直方向上有768个像素点。
    像素的大小是没有固定长度的,不同设备上一个单位像素色块的大小是不一样的。
    例如,尺寸面积大小相同的两块屏幕,分辨率大小可以是不一样的,分辨率高的屏幕上面像素点(色块)就多,所以屏幕内可以展示的画面就更细致,单个色块面积更小。而分辨率低的屏幕上像素点(色块)更少,单个像素面积更大,可以显示的画面就没那么细致。

    2. 图像分辨率:
    例如,一张图片分辨率是500x200,也就是说这张图片在屏幕上按1:1放大时,水平方向有500个像素点(色块),垂直方向有200个像素点(色块)。
    在同一台设备上,图片分辨率越高,这张图片1:1放大时,图片面积越大;图片分辨率越低,这张图片1:1缩放时,图片面积越小。(可以理解为图片的像素点和屏幕的像素点是一个一个对应的)。
    但是,在屏幕上把图片超过100%放大时,为什么图片上像素色块也变的越大,其实是设备通过算法对图像进行了像素补足,我们把图片放的很大后看到的一块一块的方格子,虽然理解为一个图像像素,但是其实是已经补充了很多个屏幕像素;同理,把图片小于100%缩小时,也是通过算法将图片像素进行减少。

    最后,虽然不同设备上像素块大小会不一样,但是同一台硬件设备上的屏幕分辨率、像素块大小是不会变的。PC电脑上之所以可以调整屏幕分辨率,其实也是通过算法转换了

    (原答案有些粗略,所以补充了下细节)

    展开全文
  • 刚接触照片或者PS的时候相信大家对分辨率和像素这个事都是不是很清楚的,现在接触分辨率想必也是去买手机的时候听到说这个手机镜头像素有多高多高,2000万柔光双摄照亮你的美,听上去像素好高哇,去买了个单反,1000...

    5d57d849159ab3bcb74c04b2b62d8997.png

    刚接触照片或者PS的时候相信大家对分辨率和像素这个事都是不是很清楚的,现在接触分辨率想必也是去买手机的时候听到说这个手机镜头像素有多高多高,2000万柔光双摄照亮你的美,听上去像素好高哇,去买了个单反,1000万左右的像素,内心有疑问了,我斥巨资买的单反还不如一个手机?这些疑问我相信你学完教程,内心就会有答案,一起来看一下吧。

    1. 像素

    在PhotoShop中打开一张图片,放大之后可以看到每张图片都是由一个一个的像素点组成(当然矢量图没有这个概念的),我们将这一个一个的点,称为一个像素(px)。

    19deb158391a83677c38f53994dce357.png

    我们复制一个5x5的格子出来到新的画板,查看图像大小,可以看到图像大小为宽度5像素,高度5像素。

    9f4a4cc91d80ae286eb4a705984f3cd2.png

    5d84d0e71ace5ea3eef8f3b44215178d.png

    所以我们可以看出一个小色块就是一个像素。

    2. 分辨率

    4dde767e8d2b2b5c40d30e0433c1af4e.png

    在这里我们可以看到分辨率。上面显示300像素/英尺。这是什么意思呢?

    像素/英尺其实是分辨率的计量单位,也就是每英寸单位内,填充了多少像素。

    3. 分辨率与像素的关系

    这往往也就是同学们犯迷糊的地方。许多同学弄不清楚一张图片的大小到底是分辨率来控制还是像素的多少来控制呢?我们来做个实验大家就清楚了。

    首先我们先新建一个文档大小为宽度1英寸,高度1英寸,分辨率72像素/英寸,可以看到图片的像素大小为宽度72像素,高度72像素。

    f4cdb8f5ba32834c9918f240ea1c8480.png

    我们再新建一个文档大小为宽度10英寸,高度10英寸,分辨率72像素/英寸,可以看到图片的像素大小为宽度720像素,高度720像素。

    60f39abaabf6790b608fc26863fa0a43.png

    我们可以看到,像素的分辨率可以这样理解:

    像素(宽 * 高)= 宽度(英寸) * 分辨率 * 高度(英寸) * 分辨率

    图1:72*72=1*72*1*72 图2:720*720=10*72*10*72

    所以我们可以看出一张图片的大小和清晰程度是由尺寸和分辨率共同决定的。

    如果没明白,我们在做个实验。小编找一张图,宽度10厘米,高度6厘米,分辨率为300像素/英寸,可以看到图像像素大小为1181*709像素。

    97d9f0afff8cbcf979c5c742ce143609.png

    接下来我们将上图改成:分辨率72像素/英寸,宽度10厘米,高度6厘米不变,可以看到图像像素大小为283*170像素。

    a1471ad5e1b710bce583531dd7db68d3.png

    2fb345a5cb2d4a30b54550e307ab41a5.png

    图片大小也产生了变化,一个图片大小659KB;另外一个70.1KB。

    我们把这两张图同时放入PS中看一下

    2bd53ac18b0428336e3e334b51833c8b.png

    这两张图直接的差距这么大(吃惊)!

    所以可以得出结论:在相同尺寸大小的情况下,分辨率越大图片大小会越大清晰度也就越高。

    4. 不同情况下分辨率如何设置

    我们在面对屏幕、网页等设计时,分辨率一般是72像素/英寸(dpi)即可,在印刷品设计时,必须达到300像素/英寸(dpi)。但是并不唯一。很多书籍说印刷时要高于300dpi其实完全没有意义,只是浪费电脑硬盘容量罢了。但是请相信我,如果你需要使用PS这类的位图软件来设计卡片、名片等小尺寸印刷品,分辨率请设置得越高越好(如600dpi、800dpi 或 1200dpi,如果是海报这类大幅面印刷品就没必要了,(你的电脑会说:“臣妾做不到啊~”!)所以请记住印刷品尺寸越大分辨率设置要越小(例如40MX40M分辨率设置10左右就可以了。)

    最后,补充最重要的一点:请在设计前确认好足够分辨率以及尺寸,否则设计完成后再加大是没有用的。在PS中小图放大会失真。

    结尾福利

    【想学PS的小伙伴】

    可以+qq【1802748253】
    或者点击下方链接。


    购买课程之前,请先联系我!小编可以给你打折哦!

    ~~~绝对是打骨折的那种!~~

    还可以免费领取相应的素材教程哦~

    https://ke.qq.com/course/427387?tuin=32aed97dke.qq.com


    【课程本次进行技术教学大升级】
    总共104节知识点,累计时长600多分钟的教程
    本课程针对零基础学习,快速入门美工录播教学!录播视频,报名即可立即学习

    展开全文
  • 关于移动端分辨率和像素的基本知识: 屏幕 移动设备与PC设备最大的差异在于屏幕,这主要体现在屏幕尺寸和屏幕分辨率两个方面。 通常我们所指的屏幕尺寸,实际上指的是屏幕对角线的长度(一般用英寸来度量)如下图...

    关于移动端分辨率和像素的基本知识

    1. 屏幕
      移动设备与PC设备最大的差异在于屏幕,这主要体现在屏幕尺寸和屏幕分辨率两个方面。
      通常我们所指的屏幕尺寸,实际上指的是屏幕对角线的长度(一般用英寸来度量)如下图所示
      在这里插入图片描述
      而分辨率则一般用像素来度量 px,表示屏幕水平和垂直方向的像素数,例如1920*1080指的是屏幕垂直方向和水平方向分别有1920和1080个像素点而构成,如下图所示
      在这里插入图片描述

    2. 长度单位
      在Web开发中可以使用px(像素)、em、pt(点)、in(英寸)、cm(厘米)做为长度单位,我们最常用px(像素)做为长度单位。
      我们可以将上述的几种长度单位划分成相对长度单位和绝对长度单位。
      在这里插入图片描述
      如上图所示,iPhone3G/S和iPhone4/S的屏幕尺寸都为3.5英寸(in)但是屏幕分辨率却分别为480320px、960480px,由此我们可以得出英寸是一个绝对长度单位,而像素是一个相对长度单位(像素并没有固定的长度)。

    3. 像素密度
      DPI(Dots Per Inch)是印刷行业中用来表示打印机每英寸可以喷的墨汁点数,计算机显示设备从打印机中借鉴了DPI的概念,由于计算机显示设备中的最小单位不是墨汁点而是像素,所以用PPI(Pixels Per Inch)值来表示屏幕每英寸的像素数量,我们将PPI、DPI都称为像素密度,但PPI应用更广泛,DPI在Android设备比较常见。
      如下图所示,利用 勾股定理 我们可以计算得出PPI
      在这里插入图片描述
      PPI值的越大说明单位尺寸里所能容纳的像素数量就越多,所能展现画面的品质也就越精细,反之就越粗糙。
      Retina即视网膜屏幕,苹果注册的命名方式,意指具有较高PPI(大于320)的屏幕。
      思考:在屏幕尺寸(英寸)固定时,PPI和像素大小的关系?
      结论:屏幕尺寸固定时,当PPI 越大,像素的实际大小就会越小,当PPI越小,像素实际大小就越大。

    4. 设备独立像素
      随着技术发展,设备不断更新,出现了不同PPI的屏幕共存的状态(如iPhone3G/S为163PPI,iPhone4/S为326PPI),像素不再是统一的度量单位,这会造成同样尺寸的图像在不同PPI设备上的显示大小不一样。
      如下图,假设你设计了一个163163的蓝色方块,在PPI为163的屏幕上,那这个方块看起来正好就是11寸大小,在PPI为326的屏幕上,这个方块看起来就只有0.50.5寸大小了。
      在这里插入图片描述
      做为用户是不会关心这些细节的,他们只是希望在不同PPI的设备上看到的图像内容差不多大小,所以这时我们需要一个新的单位,这个新的单位能够保证图像内容在不同的PPI设备看上去大小应该差不多,这就是独立像素,在IOS设备上叫PT(Point),Android设备上叫DIP(Device independent Pixel)或DP。
      举例说明就是iPhone 3G(PPI为163)1dp = 1px,iPhone 4(PPI为326)1dp = 2px。
      在这里插入图片描述
      我们也不难发现,如果想要iPhone 3G/S和iPhone 4/S图像内容显示一致,可以把iPhone 4/S的尺寸放大一倍(它们是一个2倍(@2x)的关系),即在iPhone3G/S的上尺寸为44
      44px,在iPhone4/S上为8888px,我们要想实现这样的结果可以设置4444dp,这时在iPhone3G/S上代表4444px,在iPhone4/S上代表8888px,最终用可以看到的图像差不多大小。
      通过上面例子我们不难发现dp同px是有一个对应(比例)关系的,这个对应(比例)关系是操作系统确定并处理,目的是确保不同PPI屏幕所能显示的图像大小是一致的,通过window.devicePixelRatio可以获得该比例值。
      见代码示例1-1.html
      下图展示了iPhone不同型号间dp和px的比例关系
      在这里插入图片描述
      从上图我们得知dp(或pt)和px并不总是绝对的倍数关系(并不总能保证能够整除),而是window.devicePixelRatio ~= 物理像素/独立像素,然而这其中的细节我们不必关心,因为操作系统会自动帮我们处理好(保证1dp在不同的设备上看上去大小差不多)。

    5. 像素
      1、物理像素指的是屏幕渲染图像的最小单位,属于屏幕的物理属性,不可人为进行改变,其值大小决定了屏幕渲染图像的品质,我们以上所讨论的都指的是物理像素。
      // 获取屏幕的物理像素尺寸
      window.screen.width;
      window.screen.height;
      // 部分移动设备下获取会有错误,与移动开发无关,只需要了解
      2、CSS像素,与设备无关像素,指的是通过CSS进行网页布局时用到的单位,其默认值(PC端)是和物理像素保持一致的(1个单位的CSS像素等于1个单位的物理像素),但是我们可通缩放来改变其大小。
      见代码示例1-3.html
      我们通过调整浏览器的缩放比例可以直观的理解CSS像素与物理像素之前的对应关系,如下图所示:
      在这里插入图片描述
      我们需要理解的是物理像素和CSS像素的一个关系,1个物理像素并不总是等于一个CSS像素,通过调整浏览器缩放比例,可以有以上3种情况。

    展开全文
  • ios各屏幕分辨率和像素

    千次阅读 2015-12-04 09:00:50
    分辨率和像素  经新xcode6模拟器验证(分辨率为pt,像素为真实pixel):  1.iPhone5分辨率320x568,像素640x1136,@2x  2.iPhone6分辨率375x667,像素750x1334,@2x  3.iPhone6 Plus分辨率414x736,...
  • Android获取分辨率和像素密度

    千次阅读 2017-03-20 14:42:31
    1.如何获取分辨率和像素密度 2..实现代码如下 DisplayMetrics localDisplayMetrics = new DisplayMetrics(); try { Display localDisplay = getWindow().getWindowManager().getDefaultDispl
  • 分辨率和像素换算

    2017-04-20 09:57:00
    计算分辨率: 300dpi = 300 dot/in 1 in = 25.4mm DotPerMeter: 300/25.4 *1000 =11811.02 dot / m 最终像素 = 实际距离 *DotPerMeter / 比例尺 = 实际距离/比例尺 * DPI * 39.37 转载于:...
  • 1.iPhone5分辨率320x568,像素640x1136,@2x 2.iPhone6分辨率375x667...这里所注的都是已经添加相关尺寸loading图后的开发分辨率和像素数,其中iphone6 plus最终的物理分辨率会被苹果自动缩放到1080p(缩放比例1.14)。
  • 各省30米分辨率DEM数据-江西.rar
  • 网上关于这类的资料很多,本人把常用的一些方法整理出来,方便大家一起使用关于获得手机分辨率和像素密度方法1.int dp = Resources.getSystem().getDisplayMetrics().densityDpi;//像素密度 int widthPixels = ...
  • 图片的尺bai寸和分辨率都是描述图du片的清晰度,图片zhi的尺寸x图片的分辨率=图片的像素dao。两者对于描述zhuan图片清晰度成正比。 图片的尺寸是描述一张图片的大小数据,通常描述为“图片长1920、宽1080”。数字...
  • 分辨率和像素转换

    2015-08-18 14:28:00
    * 根据手机的分辨率从 dip 的单位 转成为 px(像素) 20 * 21 * @param dpValue 22 * @return 23 */ 24 public int dip2px( float dpValue) { 25 final float scale = context....
  •  所谓“分辨率”指的是单位长度中所具有或撷取的像素数目。 分辨率像素一样,也分为很多种。其中最常见的就是影像分辨率,我们通常说的数码相机输出照片最大分辨率,指的就是影像分辨率,单位是ppi(Pixel ...
  • 分辨率可以分为两方面:屏幕分辨率和图像分辨率。 1.屏幕分辨率 例如,屏幕分辨率是1024×10241024\times 10241024×1024,也就是说设备屏幕的水平方向上有1024个像素点,垂直方向上也有1024个像素点。 像素的大小是...
  • 摘自:... 1.iPhone5分辨率320x568,像素640x1136,@2x 2.iPhone6分辨率375x667,像素750x1334,@2x 3.iPhone6 Plus分辨率414x736,像素1242x2208,@3x 这里所注的
  • 分辨率和像素的关系

    千次阅读 2010-06-25 10:45:00
      什么是像素:  CCD/CMOS 上光电...像素分为 CCD 像素和有效像素 , 现在市场上的数码相机标示的大部分是CCD 的像素而不是有效像素。     什么是分辨率:  所谓的“分辨率
  • DisplayMetrics metric = new DisplayMetrics();  getWindowManager().getDefaultDisplay().getMetrics(metric);  int width = metric.widthPixels; // 宽度(PX) ... int height = metric.
  •  * 根据手机的分辨率从 dp 的单位 转成为 px(像素)  */  public static int dip2px(Context context, float dpValue) {  final float scale = context.getResources().getDisplayMetrics().density;  
  •  * 根据手机的分辨率从 dp 的单位 转成为 px(像素)  */  public static int dip2px(Context context, float dpValue) {  final float scale = context.getResources().getDisplayMetrics().density;  
  • 许多同学都在问我关于像素的问题,为什么印刷时要300分辨率以上?网页为什么72就够了?做户外喷绘30,甚至巨幅画面20就上了。关于这些还是很多人不知道的,要不也不会被卖手机的忽悠,各大手机推销员拿着手机大声...
  • 如题,谢谢!天啦,还要凑字数,不然不给发[face]qq:6.gif[/face]
  • 手机的分辨率是对一个手机屏幕能显示的像素点的多少的意思,比如:240×320的分辨率就是说这个手机屏幕含有:240×320=(得数你自己算)这么多个像素点…分辨率越大,也就是说一个固定尺寸大小的屏幕,当然显示的像素...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,312
精华内容 2,524
关键字:

分辨率和像素