像素，分辨率，Retina屏幕

很早我们就听过像素和分辨率这两个名词，分辨率越大，我们的图片就越清晰。做了个前端之后又出来了 Retina屏，同样尺寸的图，放在retina 的屏幕上的时候，就会相当模糊不清，这又是为什么呢？

1.像素（pixel）：表示图像数量的最小单位

我们通常ps里的图片放大之后的每个小方格，就是一像素。不同的设备上1单位的像素大小是不一样的。它是显示器、数码相机等屏幕的基本度量单位。

2.分辨率

分辨率指在单位长度中像素数量的多少。

分辨率 = 画面水平方向的像素值 * 画面垂直方向的像素值

一般我们常用的有图像分辨率和屏幕分辨率

a.图像分辨率使用的单位是PPI(Pixel per lnch)，意思是“每英寸内像素数目”。

图像分辨率是有单位的，叫像素每英寸

分辨率越高，像素的点密度越高，图像越逼真（这就是为什么做大幅的喷绘时，要求图片分辨率要高，就是为了保证每英寸的画面上拥有更多的像素点）。

b.屏幕分辨率

屏幕分辨率是屏幕每行的像素点数*每列的像素点数，每个屏幕有自己的分辨率。屏幕分辨率越高，所呈现的色彩越多，清晰度越高。

Photoshop默认分辨率为72像素/英寸，这是满足普通显示器的分辨率。

3.retina 屏幕【视网膜显示屏】

随着移动终端的出现，Retina 也为更多人所知，尤其从苹果4代开始得到广泛的应用。它是把更多的像素点压缩至一块屏幕里，从而达到更高的分辨率并提高屏幕显示的细腻程度。

所以对于移动端的页面制作的时候，设计稿一般至少要放大2-3倍，才能满足在手机上的视觉效果。否则图片会很模糊，视觉体验很差。

像素，分辨率，Retina屏幕相关推荐

【iOS开发】点、像素和Retina屏幕
iOS设备的分辨率 iOS设备,目前最主要的有3种(Apple TV等不在此讨论),按分辨率分为两类 iPhone/iPod Touch 普屏分辨率 320像素 x 480像素 Retina分辨 ...
人人都用 Retina 屏幕的 MacBook Pro 笔记本电脑
自从今年年初 Apple 官网产品降价我立即买了 13 寸的 Retina 屏 MacBook Pro(rMBP)之后, 这款苹果的笔记本电脑就成了我在公司和家里的唯一电脑(就是这一款). 使用苹果的 ...
屏幕分辨率、屏幕尺寸、屏幕像素、屏幕密度完全解析
在此做笔记方便查看: 原文见 :点击打开链接 http://www.chinaz.com/manage/2015/0902/441624.shtml 另:关于屏幕的适配:参考文章点击打开链接 http ...
分辨率像素密度和屏幕尺寸的关系
1.手机的分辨率像素密度和屏幕尺寸是我们经常听到的字眼,它们之间的关系如下: 分辨率是指屏幕上有横竖各有多少个容器点,每个容器点是用于容纳一个像素的. 像素严格来说是指用于图片上的,图片上的像素 ...
html5 retina 1像素,HTML5 canvas 在 iPhone 4 retina 屏幕上的优化
HTML5 canvas 在 iPhone 4 retina 屏幕上的优化 mac52ipod· 2011-02-11 阅读数 7793 随着 iPhone4 的推出, retina 屏在移动设备中被 ...
【iOS 开发】iOS 开发简介 (IOS项目文件 | MVC 模式 | 事件响应机制 | Storyboard 控制界面 | 代码控制界面 | Retina 屏幕图片适配)
一. iOS 项目简介 1. iOS 文件简介创建一个 HelloWorld 项目, 在这个 IOS 项目中有四个目录 : 如下图; -- HelloWorldTests 目录 : 单元测试相关的类 ...
background图片不显示_一种解决Retina屏幕1px边框显示问题的方案
一.背景介绍: Retina是一种新型高分辨率的显示标准,是把更多的像素点压缩至一块屏幕里,从而达到更高的分辨率并提高屏幕显示的细腻程度:同时CSS样式表中px单位是一个相对值,并不是绝对值,实际在R ...
前端屏幕尺寸和分辨率_屏幕尺寸、分辨率、倍率到底是什么鬼
目前我们做移动端项目几乎不需要考虑为什么要这样写样式,为什么设计稿上100px我们直接写成1rem,移动端的屏幕尺寸那么多变,为什么能轻松兼容?那我们得从移动端的屏幕尺寸来探索一下其中的原理,首先就得 ...
IOS 判断设备屏幕尺寸、分辨率根据屏幕尺寸和分辨率
IOS 判断设备屏幕尺寸.分辨率根据屏幕尺寸和分辨率,ios现在数起来有6个版本. iOS 设备现有的分辨率如下: iPhone/iPod Touch 普通屏 ...
关于iPhone的Retina屏幕
Retina屏幕是苹果公司推出的一种具备超高像素密度的液晶屏,它可以将960×640的分辨率压缩到一个3.5英寸的显示屏内.也就是说,该屏幕的像素密度达到326像素/英寸, 显示效果极佳, 在开发过程 ...

像素，分辨率，Retina屏幕

像素，分辨率，Retina屏幕相关推荐

最新文章

热门文章