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

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

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

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

相关文章

微信支付接口设置fee_type=usd无效...

在开发微信支付,和微信统一下单接口对接时,发现传递的fee_type参数只能设置为'CNY',无法设置为'USD'、'HKD'等其他货币。官方文档上对fee_type参数的描述,可以支持多...

Uniapp提示adb: failed to...

在使用Uniapp开发APP真机调试,第一次运行时,提示:09:35:37.783 adb: failed to install C:\Program Files\HBuilderX\plugins\launcher\base\andr...

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

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

idea storm换行自动显示的}括号如何...

在使用idea旗下的产品,如intellij idea,php storm,web storm时,有的时候编辑前端页面JS,在换行时经常会自动出现个}大括号,这一点程序不是很智能,其实后边都已经有括号了。比如下图这样:那么如何解决这个问...

推荐文章

宝塔面板phpmyadmin数据库表导航树禁...

宝塔面板的phpmyadmin,默认数据库表导航树是每30个一页,非常的不直观,可以通过修改宝塔phpmyadmin配置文件的方式来禁止他分页。修改方法:1.进入服务器/www/server/phpmyadmin/phpmyadmin_随机...

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

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

如何删除idea软件搜索时的find mas...

在使用idea系列的配套软件时,如intellij idea、Php Storm、Web Strom时,在搜索文件时,右上角的file mask可以筛选指定类型的文件。但是有时候可能会输入错误,产生多个记录,而且没办法删除,在以后的开发中经...

php拼装sql语句,换行查询出错的问题解决

在php代码中,遇到复杂的sql语句,需要拼装sql语句,如:$sql='id 10;' $sql=' and( status in(1,2,3,4,5) and id not in (select id from ...