Designsor

首先看下收集整理的一些常见分辨率：

1、作图的人最喜欢用的显像管（CRT）显示器17寸普屏（4：3）即平时说的方屏，最佳分辨率为1024X768，注意分辨率的比值正好是4：3.
2、17寸和19寸普屏（5：4）即平时说的方屏液晶显示器，最佳分辨率是1280×1024，注意分辨率的比值正好是5：4.
3、19寸宽屏（16：10）即平时说的方屏液晶显示器，最佳分辨率是1440×900，注意分辨率的比值正好是16：10.
4、22寸宽屏（16：10）即平时说的方屏液晶显示器，最佳分辨率是1680×1050，注意分辨率的比值正好是16：10.
5、1280×800，这是13.3吋、14.1吋笔记本屏幕常用的分辨率.
6、1366×768、1920×1080、1600×900等是16:9宽屏的分辨率.
7、1024×600，是9寸10寸上网本的分辨率.
8、1920×1200是24寸宽屏（16：10）液晶的分辨率.

以上是8款主流的分辨率解释，到底什么又是分辨率呢？下面是百度词条的解释。

http://baike.baidu.com/view/7687.htm?fr=ala0_1_1

分辨率（resolution，港台称之为解释度）就是屏幕图像的精密度，是指显示器所能显示的像素的多少。由于屏幕上的点、线和面都是由像素组成的，显示器可显示的像素越多，画面就越精细，同样的屏幕区域内能显示的信息也越多，所以分辨率是个非常重要的性能指标之一。可以把整个图像想象成是一个大型的棋盘，而分辨率的表示方式就是所有经线和纬线交叉点的数目。

通过以上的了解我相信你对分辨率问题有了一些初步的感知。到底为什么做网页的要考虑显示器分辨率问题呢。当然，我们设计的东西就是要呈现在各个不同版本的显示器上的东西，所以考虑分辨率是非常重要的。

在设计中我们到底要怎样对待自己的分辨率尤其是在PSD2CODE时？答案就是，按照最小的客户端分辨率来转换网页尺寸。一些没有经验的设计师，在没有适应过800*600，1024*768的时代，直接上手就是1920*1200的分辨率，当然，这种效果图的尺寸是完全错误而且不科学的。如果一个前端开发人员再把这种效果图2CODE之后，答案就是正常的用户无法访问，你只接受宽屏的用户来使用站点了。

在对待用户的时候，我觉得好的设计师和团队应该考虑的是大部分的使用者的硬件配置，在3年前，1024*768为主流的年代，我们同样坚持以800宽也就是784宽为正规尺寸照顾学校机和个人一些老式电脑，而三年后，1024*768已经不是主流的分辨率时，我们是否应该和当年一样考虑下那部分小屏用户呢？（这里不谈手机用户的分辨率问题）。

这个问题主要是由于项目开发的时候前期没有注意到，因为公司的全部是宽屏显示器的原因，所以最后再调整起来很费时费力，依次做为警戒。最后给出一个可查询的表格。

希望所有前端设计师再次注重下我们那些快被遗忘的分辨率用户吧。