手机版微信屏幕尺寸是多少像素？

来源：蜘蛛抓取(WebSpider) 时间：2022-07-05 13:43 标签： 微信头像怎么缩小照片尺寸

最近在负责有赞的某个业务的微信小程序开发，这是我第一次着手微信小程序的开发，这个过程中发现微信小程序所定义的一套 WXSS (WeiXin Style Sheets) 中有一个有趣的长度单位 rpx，即 responsive pixel。

那么怎么理解 rpx，还有它与 px 之间什么关系？什么是物理像素？
为了更好理解 rpx，我打算聊聊下面的一些概念：

像素，英文单词：pixel，是英语单词 「picture」 的简写 「pix」，加上 「element」 的简写 「el」，合成的词汇，表示「图像元素」的意思。
一个像素只能表达一个色块，是显示的最小的一个单元。

而在我们写代码的时候，可以把像素分为两种：

Pixels per inch，每英寸像素，也被称为像素密度，意思是一英寸中有多少个物理像素。

PPI 怎么算出来的？

要计算显示器的每英寸像素值，首先要确定屏幕的尺寸和分辨率。

「物理像素」是有特定长度的，这取决于 ppi 值。

那么如何求出一个设备的物理像素的长度？
因为绝大多数设备的物理像素都是方形的，我们可以假设当前设备的像素是方形的。

可以看出 iPhone6 plus 的屏幕制作工艺更加精细。
因为像素越小，那么单位面积内像素点就越多，显示的效果人眼就越难看出毛刺。
用来显示一份图像的像素越多，效果就越接近现实。

和物理像素不同，「逻辑像素」没有特定的物理长度的，只是表示显示设备中最小的显示单元，优秀的显示设备完全可以把显示单元做的更加小，已达到更好的显示效果。

在早先的移动设备中，并没有 DPR 的概念。随着技术的发展，移动设备的屏幕像素密度越来越高。
从 iPhone4 开始，苹果公司推出了所谓的 Retina 视网膜屏幕。之所以叫做视网膜屏幕，是因为屏幕的 PPI 太高，人的视网膜无法分辨出屏幕上的像素点。
iPhone4 的分辨率提高了一倍，但屏幕尺寸却没有变化，这意味着同样大小的屏幕上，像素多了一倍，于是 dpr = 2。

在 Chrome 浏览器可以通过以下代码获取设备的 DPR：

而通过下面的代码可以获取设备的逻辑像素：

那么很多人看到这里，就会认为：物理像素 = 逻辑像素 * dpr
但实际情况并不是这样，
留意一下 iPhone6 plus 的物理像素和逻辑像素：

所以说是假 3 倍 dpr，其实我们开发和设计的时候也不用管这个，当作它就是 3 倍 dpr 就好了。

根据官方给出的 rpx 换算 px 的实例：

rpx 转换成 px 是需要乘以一个系数的：

其中系数 n，是跟着设备改变的：

所以 rpx 只是定义一个绝对值 750 宽度，然后简单的根据不同设备的逻辑像素来进行 rpx 到 px 的换算。

精明的观众可能发现了， rpx 压根就不需要关心 DPR 和 PPI 的概念。
呃，其实我就是在理解 rpx 的过程中，拦不住思维的发散，了解了一大堆概念，然后顺道给你们分享一下罢了。

最近开发微信小程序，在写样式表的时候发现用PX的效果不太理想，而官方文档用rpx来做响应式布局单位，就仔细研究了下，在此做个小总结： 这里先引用官方定义的尺寸单位‘rpx’：可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。 看不懂？没关系，我们接着往下看.... 日常开发中，我们常用rem、em来做响应式布局的像素单位，他们都是相对单位。rem相对于文档的根元素，em相对于父元素。 那么问题来了，rpx到底是个啥？又该如何理解

1:1的尺寸，也就是正方形。比如300*300，600*600，800*800等。与目前常见的3：2或4：3的影像比例不同，正方形的高与宽相等。如果图片本身不是正方构图，为了防止变形我们可以使用裁剪工具，不能在像素大小里边直接...

微信相册封面图是不管你传多小的图片，都会被自动扩大为480*300左右，所以，你在找到合适的图片内容的话，最好是保持480*300左右的尺寸上传就行了。修改的话最简单的就是通过photoshop-图片大小来设置参数，记得单位是“像素...

微信聊天背景图尺寸最佳比例为9:16，你可以到手机相册中或第三方图片编辑软件对图片进行裁剪设置，在再微信中将其设置为聊天背景提即可。

微信聊天背景图尺寸是1:1的尺寸，也就是正方形。比如300*300，600*600，800*800等。与目前常见的3：2或4：3的影像比例不同，正方形的高与宽相等。如果图片本身不是正方构图，为了防止变形我们可以使用裁剪工具，不能...

朋友圈封面对图片尺寸是有要求的，微信朋友圈相册尺寸：720x560，并不是说一定需要这个尺寸，只要您的图片满足此尺寸1：1的要求缩放，就能够完整的显示出来。微信介绍：1、微信，是腾讯公司于2011年1月21日推出的一款通讯...

这款软件的背景适应的图片为480*300，可以将对应的图片保存至相册并应用即可。

朋友圈封面对图片尺寸是有要求的微信朋友圈相册尺寸：720x560，并不是说一定需要这个尺寸，只要您的图片满足此尺寸1：1的要求缩放，就能够完整的显示出来至于有人所说的尺寸：480x300，这个尺寸在封面上是无法完整的显示...

朋友圈封面对图片尺寸是有要求的，微信朋友圈相册尺寸：720x560，并不是说一定需要这个尺寸，只要您的图片满足此尺寸1：1的要求缩放，就能够完整的显示出来。微信介绍：1、微信，是腾讯公司于2011年1月21日推出的一款通讯...

在设置背景的时候，选择图片后会有个框框让你选图片一部分的作为背景，因为有可能你的背景图片不合微信聊天背景尺寸，也有可能你可以拖动框框选择全张图，这取决于你图片的尺寸合不合。望采纳，谢谢...

微信聊天背景图不能设置大小，是系统默认的显示尺寸，设置聊天背景图的具体操作方法如下：1、首先，在微信上面打开我的界面，再点击设置选项。2、然后，在设置的界面，点击通用选项。3、接着，在通用的界面，点击聊天背景选项...

可以用PicsArt裁剪尺寸调整换到朋友圈背景里面。以苹果ios系统操作为例：1、首先需要打开PicsArt进入，然后点击下面中间的加号进入。2、然后进入之后，需要点击上面照片的第一个选项进入。3、然后进入之后，就可以点击下面的工具...

在设置背景的时候，选择图片后会有个框框让你选图片一部分的作为背景，因为有可能你的背景图片不合微信聊天背景尺寸，也有可能你可以拖动框框选择全张图，这取决于你图片的尺寸合不合。望采纳，谢谢...

方法/步骤我们打开微信进入到微信的主页面中可以看到下图所示，我们点击右下角的“我”iphone微信聊天背景图该如何去设置？然后在这个主页面内，找到其中的设置菜单选项，点击即可。iphone微信聊天背景图该如何去设置？然后再...

6S的微信聊天背景图片尺寸可参考Iphone6S壁纸尺寸750*1334。还更进一步：制图时，左右预留宽99像素上预留高129像素下预留高99像素剩下中间的位置就是可见位置，集中放内容

在设置背景的时候，选择图片后会有个框框让你选图片一部分的作为背景，因为有可能你的背景图片不合微信聊天背景尺寸，也有可能你可以拖动框框选择全张图，这取决于你图片的尺寸合不合。

1、登陆微信，聊天窗口最右下角点击“我”进入；2、在“我”的主页面中点击“设置”进入；3、在“设置”页面中点击“通用”进入：4、在“通用”界面中点击“聊天背景”进入设置；5、进入“聊天背景”设置后出现三个选项...

1、首先，打开手机上的微信程序，点击“我”之后在该界面中点击进入“设置”。2、在设置界面中可以看到“通用”选项，然后点击该选项。3、在通用界面可以看到“聊天背景”选项，点击这里进行聊天背景的更改。4、之后，我们会...

我要回帖

更多关于 微信头像怎么缩小照片尺寸 的文章

 

随机推荐