首页 > 原创文章 > 软件开发 > 查看文章

Photoshop宽度像素和网页宽度像素不一致的原因和解决办法

所属分类:软件开发 来源: 丁老师原创 更新时间:2025-02-26 11:00 浏览: 7414 IP属地: 深圳

在用photoshop设计时,有的同学会发现,在网页中设置的宽度1000px,截屏后,再用photoshop打开后测量同样图像的宽度时,这个宽度就不是1000像素,而是1200多甚至1300多,是个很奇怪的问题,丁老师检查了photoshop的分辨率(72,无问题),和网页缩放(100%)后,都没发现问题,那么到底是怎么回事呢?

image.png

如图,网页中1000的宽度

image.png

在photoshop中,截图后,测量宽度为1250px


丁老师忽然想起,这种是否因为桌面分辨率缩放引起的呢?一看果不其然,桌面分辨率设置为了125%

a3.jpg

这也就意味着,在浏览器中,开发者工具显示的是网页的css设置宽度,但是被放大了25%倍,所以显示宽度就变大了。

要解决这个问题,其实不难,photoshop的默认分辨率为72,我们根据公式得出:

解:

125%:72=100%:x

    125x=100x72

    125x=7200

    x=7200/100

    x=57.6

即,截图后把photoshop的分辨率设置为57.6即可

image.png

你看,是不是恢复正常了呢?

相关文章

软件开发如何调用AI大模型的接口?注意事项有...

现在AI的快速发展如火如荼,各AI大模型日趋成熟,在软件定制开发的过程中,越来越多的功能需求需要接入AI实现AI应用。那么如何接入AI接口,实现AI功能的调用,以及在接入AI接口,实现AI功能的过程中,有哪些注意事项呢?今天丁老师就这个...

uniapp编辑器自动提示功能导致输入错误的...

在使用uniapp编写代码时,uniapp的编辑器有一个自动提示功能,就是当你输入字符的时候,会自动弹出对应可能会输入的代码,查了下这个功能叫做“代码助手”。在使用代码助手时,经常会产生很麻烦的问题,比如在写CSS代码时,当需要输入数字...

在Nuxt 3中,配置加载sass文件路径的...

在使用前端框架Nuxt 3开发时,如何配置自定义的scss文件路径呢?有同学使用loadPaths: ['@/assets/css']来设置路径,但是无效,是因为在loadPaths中,@符号不起作用,不能代表根目录。正...

Jeecg启动时org.springfram...

错误代码:[main] ERROR org.springframework.boot.SpringApplication:818 - Application run failed org.springframework.beans.fa...

推荐文章

小程序开发的流程费用以及需要什么准备材料?

小程序定制开发的流程和费用,以及需要准备的材料,(包括但不限于微信小程序、百度小程序、支付宝小程序、抖音小程序、小红书小程序)具体如下:一、小程序开发的行政流程1.确定软件开发公司,和开发公司签订合同2.甲方支付首期开发费用3.乙方开始进行...

IntelliJ/phpstorm/webs...

在使用jet brains的ide开发代码时,经常性的会输入单引号或双引号,ide默认有对于引号的自动完成功能,即输入一个引号,自动显示两个,这一点其实做的很不智能,因为在使用时经常会有显示出3个的情况,那么怎么关闭这个功能呢?file-s...

FastAdmin后台列表默认分页数量由10...

没那么多废话,直接上修改方法public\assets\js\require-table.jspageSize: Config.pagesize || localStorage.getItem("pagesize") |...

CI框架页面添加全局变量的方法

CI框架是一款很小却又非常强大的PHP程序框架,非常适合用来搭建中小型网站以及扩展程序。有同学问到,在使用CI框架时,比如要对全站的标题、公司信息、电话等设置一个全局变量,不用每个页面都写死,该怎么办呢?丁老师来教你:1.打开页面的控制器文...