首页技术文章正文

移动端Web的屏幕分辨率和图片分辨率是多少？

更新时间:2021年06月11日11时54分来源:传智教育浏览次数:

分辨率分为屏幕分辨率和图像分辨率，下面分别进行讲解。

屏幕分辨率是指一个屏幕上可以显示多少信息，通常以像素为单位来衡量。例如，分辨率1920 ×1080表示水平方向含有1920个像素，垂直方向含有1080个像素，两者相乘可知，屏幕上总共有2 073 600个像素点。

在屏幕的大小相同的情况下，如果屏幕的分辨率低（如640 ×480），则屏幕上显示的像素少，单个像素尺寸比较大，看起来会有种颗粒感；如果屏幕的分辨率高（如1920 ×1080），则屏幕上显示的像素多，单个像素尺寸比较小，看起来会比较清晰。

在同一台设备上，图片的像素点和屏幕的像素点通常是一一对应的。图片的分辨率越高，图片越清晰；图片的分辨率越低，图片越模糊。例如，一张图片分辨率是500 ×200，这就表示这张图片在屏幕上按1:1显示时，水平方向有500个像素点（色块），垂直方向有200个像素点（色块）。

但是，在屏幕上把图片放大时，会发现图片在屏幕上显示的像素也变大，这是因为软件通过算法对图像进行了像素补充，虽然图片本身的像素没有变，但是在显示时已经补充了很多个屏幕像素；同理，把图片缩小时，也是通过算法将显示的图片像素进行减少。

猜你喜欢：

怎样检测前端页面的安全性？如何避免web页面攻击？

最新资讯