网页设计稿一开始画稿怎么设,为何PS保存出来的图片大小和电脑上看的不一样

简介: 网页设计稿一开始画稿怎么设,为何PS保存出来的图片大小和电脑上看的不一样

1、1920px * 3000px ,分辨率57.6

1.1 可以实现:由网页复制到设计稿的尺寸已经变的相同了

2、但是这种设计导出的png,落实到展现的时候,却发现走了形状,这里该怎么解决

3、这里导致原因是原因分析一:有可能是不同的分辨率导致的,不同的分辨率会导致导出图片大小不一(一般屏显模型的分辨率为72或96ppi)这里参考这里的资料

如何查看显示器的分辨率? - 琴策网 (bufeishi.cn)

如何查看屏幕分辨率 【百科全说】 (bkqs.com.cn)

4、后来查了一下,大部分人说设计的PS宽度是72px

5、这里的解决方法是修改媒体查询为:就可以解决了,可以参考下面的文章

    @media (max-width: 1919px) and (min-width: 768px) {
      html {
        zoom: 80%;
      }
 
      @-ms-viewport {
        width: 1920px;
      }
    }
相关文章
PS设计稿如何与网页设计稿相匹配
PS设计稿如何与网页设计稿相匹配
|
Windows
ps2023电脑版绿色免费不要钱永久下载Photoshop 2023版
PS2022软件中一个非常经典的版本。编目、画法和编审是其主要功能。ps的用途非常广泛,比如:图片,图片,文字,视频,出版等等。
1069 0