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

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

所属分类:软件开发 来源: 丁老师原创 更新时间:2025-02-26 11:00 浏览: 5989 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

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

相关文章

photoshop打不开任何文件的解决方法

有同学反应,在使用photoshop时,忽然文件打不开了,先后试了下psd格式、jpg格式、png格式的,等等等等,全都打不开,重启了电脑也不行,这是怎么回事呢?经过丁老师研究后发现,这是因为安装的是非正版photoshop,在使用时,...

关于使用Zipkin与RabbitMQ的追踪...

有同学提问,使用的Spring Boot框架,有两个微服务,为了实现追踪,使用了<artifactId spring-cloud-sleuth-zipkin</artifactId 以及zipkin。A服务是生产者,通过Ra...

Uniapp开发微信小程序时,微信开发者工具...

在使用uniapp开发微信小程序,微信开发者工具调试时,明明已经给了获取位置权限,但还是提示需要打开gps获取位置,具体解决办法如下:打开uniapp的manifest.json文件,切换到源码模式,找到mp-weixin节点"...

Bagisto使用常见问题与解决方法

Bagisto是一款强大的跨境电商平台软件,很多客户在初次安装和使用时,会或多或少遇到一些解决不了的情况。丁老师整理了一些常见的Bagisto问题以及解决方法以供查阅。问:安装Bagisto时出现"Command compos...

推荐文章

PhpStorm怎么取消html文件中sty...

phpstorm程序中,在打开html时总会出现对 style属性的折叠和隐藏,这样在检查代码的时候非常不直观,容易漏掉很多东西,非常的不方便,如图:

APP/小程序/网站/对接微信支付常见问题解...

现在微信支付已经超越支付宝,成为中国最广泛的在线支付方式。作为互联网电子商务服务商,如何开通对接微信支付?如何使用微信支付呢?丁老师整理一篇微信支付常见的问题解答。一、如何开通微信支付?微信支付可以在微信支付官网(https://pay.w...

Mysql 1267 Illegal mix...

这个问题,用普通sql语句查询,好解决,把表的字符编码改为对应的就可以了。 但在使用视图查询时,比如select 'aaa' as type from xxx; select * from view where type=...

Uniapp开发小程序和app时,根据登录状...

在使用uniapp开发app和小程序时,经常会用到打开app/小程序时,根据登录状态判断是显示首页还是跳转登录页的功能。此功能在app.vue的onlaunch方法中定义,方法如下:onLaunch: function() { const ...

当前在线
免费咨询