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

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

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

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

相关文章

织梦dedecms添加自定义字段后发布文章时...

最近有很多读者朋友来函,咨询新版本的织梦dedecms,在模型中新添加了自定义字段后,网站后台发布时却不显示这个字段的问题。丁老师亲自下了一个最新版的dedecms安装后,找到了后台发布时显示自定义字段的方法。

composer self-update 更...

1. composer版本更新文档版本号:https://getcomposer.org/download中文网:https://docs.phpcomposer.com/03-cli.html#self-update英文网:https...

uniapp开发小程序内的图片扫码

在使用uniapp开发的小程序内,打开图片,长按没有弹出菜单,无法扫码,此时只需在图片上加入show-menu-by-longpress即可完整代码:<image :src="picture" mode=&qu...

wordpress安装时出现Error es...

群里有个做外贸的朋友,准备使用wordpress建个外贸站,但是自己在安装时,却安装失败,提示“Error establishing a database connection”,这是什么原因,该怎么解决呢?故障分析:1.Error e...

推荐文章

tortoise svn出现no path ...

在日常开发过程中,突然发现svn无法提交和更新,出现“no path or pathfile specified on the command line”的错误,网上搜了一圈百度 google 以及stack overflow都没找到真正能...

微信小程序开发生成普通二维码打开小程序的方法

在开发微信小程序的过程中,生成的是带有logo的小程序二维码,并且这个二维码不是通用的二维码,而是只能用微信打开的专属二维码,如图:遇到这样一个需求,生成的二维码要方形的通用二维码,并且不能带有小程序的logo。这种该怎么实现呢?经过查询,...

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

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

pdf和图片怎么添加水印

pdf添加水印,可以使用专业的pdf工具,如Adobe Acrobat、福昕PDF阅读器等,支持文字和图片形式的添加水印,支持透明度设置、水印位置设置等。图片添加水印,可以使用photoshop软件,但是photoshop太大了,而且使用起...