首页常见问题正文

移动Web开发基础：屏幕分辨率和图像分辨率

更新时间:2022年12月20日11时19分来源:传智教育浏览次数:

好口碑IT培训

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

　　1.屏幕分辨率

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

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

　　2.图像分辨率

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

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

上一篇：微信小程序未来还有发展前景吗？ 下一篇：Node.js可以用来做什么？

最新资讯