1寸照片尺寸像素(一寸照片的高度和宽度是多少)

照片尺寸像素怎么设置

最近我想写一个UI设计规范，首先研究Web设计中的尺寸问题。网页设计的大小主要与两个因素有关，一个是计算机监视器的分辨率，另一个是浏览器的分辨率，实际上，有一些操作系统，Windows或Mac os或其他。什么是分辨率？例如，1024×768表示水平方向上有1024个像素，垂直方向上有768个像素。整个屏幕都可以视为棋盘。屏幕的大小为14英寸或15英寸。这个大小不会改变。电脑的大小是相同的。更改是计算机设置的分辨率。如果屏幕尺寸相同，则分辨率越大，图片（例如我的电脑）越细，如下所示：第一张图片，分辨率为800×600。显然，图标变得特别大且模糊。第二个是1920×1080。它看起来很正确，因为我的计算机的分辨率是这样，并且计算机的尺寸取决于屏幕。同样，拐角线的长度如果两个设备均为19英寸，则16：9和4：3屏幕也不同，4：3更大。为了在这里传播一点知识，英寸和英寸的换算，英寸是英制，英寸是中文，1英寸= 2。54厘米，1英寸等于3。3厘米，1英寸= 0。762英寸。常用的屏幕分辨率为1024×768、1366×768、1280×800、1280×1024、1440×900、1600×900、1920×1080等。设计网页时，必须考虑浏览器的分辨率。主流浏览器包括IE，Google，Firefox和Oppon。浏览器的有效可见区域是多少？以我的理解，这是显示内容的地方。例如，打开网页后，浏览器的工具栏和侧栏将被删除，内容的实际显示位置如下：浏览器为IE11，有效可视区域为带有红框的部分。每个浏览器都有自己的有效可视区域，如下表所示（Google的宽度减去23）不再使用800×600考虑，主流是1024×768，现在主流的浏览器仍然主要是IE，因此设计网页的宽度时，请保守地考虑1003px，分辨率为1024×768，即IE的有效观看区域的宽度，
因此，我个人建议使用1280或1366。有效可视区域是根据IE计算的。 1280是1259，而1366是1345。如果遇到其他分辨率，则可以进行自适应调整。现在越来越多的网页设计宽度是不固定的，这是一个流行的趋势，如下图所示：第一张图片是我正常的全屏显示，第二张图片是我调整浏览器的长度和宽度，考虑三个在这种情况下，首先：确定网页的大小，IT将在设计，缩小或放大时按比例显示它；其次：确定主要部分的大小，然后将其保留为空白，小型浏览器将占满，大型浏览器还有更多空白。第三：根据不同的尺寸制定不同的设计方案比较麻烦。现在，它主要基于第二种，其中一些主要是固定的。当分辨率改变时，内容将随着分辨率的变化而变化，有时图标和图片也会随着设计而改变，这需要前端调整代码。