很多刚入行做设计的朋友，打开PS都会纠结这个参数。这篇文直接给你定心丸，告诉你96DPI完全够用，还教你怎么避免后续的大坑。别再去纠结那些虚头巴脑的理论，咱们只聊落地实操。

先说结论：在ps做网站分辨率96可以吗？答案是肯定的，完全没问题。甚至可以说，对于绝大多数网页设计来说，96 DPI（或者更准确地说是72 PPI）就是行业标准。你不需要搞什么300 DPI，那是给打印用的，网页根本用不上。

我刚开始做这行时候，也被老前辈忽悠过。他们说屏幕分辨率高，设计也要跟着高。结果呢？做出来的图文件巨大，加载慢得要死，用户还没看完就关页面了。后来我琢磨明白了，网页显示的是像素，不是物理尺寸。只要像素对上了，分辨率填多少其实不影响最终显示效果。

咱们来拆解一下为什么是96。这得从历史说起。早期的Windows系统标准就是96 DPI，Mac早期是72。虽然现在屏幕都叫Retina或者4K了，但浏览器渲染逻辑还是基于逻辑像素。你在PS里设成96，导出时像素尺寸不变，网页显示就正常。要是你非要设成300，导出时如果没改像素尺寸，那图片就会变得极小，小到看不清；如果改了像素尺寸让图变大，那文件体积直接爆炸。

那具体该怎么做呢？我整理了一套简单的流程，你照着做就行。

第一步，新建文件时，宽度填网页实际像素，比如1920或者1440。高度随便，先做一屏看看。重点来了，分辨率那里，直接填96。颜色模式选RGB，这个别选错，选CMYK打印出来颜色会发灰。

第二步，开始设计。这时候你要注意，PS里的1英寸在屏幕上大概显示2.54厘米左右，但这不重要。重要的是你画的线、写的字，在预览时要看着舒服。你可以按Ctrl+R调出标尺，用参考线把布局定好。这时候你会发现，96的分辨率下，屏幕上的像素点阵很清晰，完全能满足视觉需求。

第三步，导出图片。这是最容易出错的地方。千万别直接用“存储为Web所用格式”然后不管三七二十一。你要检查导出的图片尺寸。比如你设计稿宽1920像素，导出的JPG或PNG宽度也必须是1920像素。如果PS因为分辨率设置问题自动缩放了像素，那图就废了。建议在PS里先“图像”->“图像大小”，确认像素尺寸是你想要的，再导出。

这里有个小细节，很多新手会忽略。就是字体渲染。在PS里看着很清晰的字，放到浏览器里可能发虚。这是因为PS的抗锯齿算法和浏览器不一样。解决办法很简单，设计时字体稍微大一点，或者在CSS里加一点text-shadow模拟阴影，能增加清晰度。别指望靠提高分辨率来解决，那纯属瞎折腾。

还有人问，现在手机屏幕那么清晰，96够用吗？当然够。因为网页设计是响应式的。你在PS里做的1920宽的设计，在手机上会通过CSS媒体查询缩放显示。手机屏幕的物理像素虽然多，但逻辑像素还是那么多。你不需要为每个屏幕做一套设计，只要做好适配，96 DPI的设计稿完全能撑起高清屏的效果。

我见过太多人为了追求所谓的“高清”，把设计稿做成几千像素宽，结果导出后网页加载半天打不开。用户体验差了，SEO排名也掉。得不偿失。记住，网页设计的核心是速度和体验，不是像素密度。

最后再啰嗦一句，在ps做网站分辨率96可以吗？真的可以。别被那些过时的经验主义吓住。按照上面的步骤，先定像素，再设96，最后检查导出尺寸。这样做出来的图，既清晰又轻便。

如果你还在纠结这个问题，不妨拿个小项目练练手。做个简单的Banner，分别用72和96试一下，你会发现肉眼根本看不出区别，但文件体积可能差好几倍。这就够了。

总之，别整那些花里胡哨的。把精力放在布局、配色和交互逻辑上。分辨率这事儿，96就是王道。希望这篇文能帮你省下不少折腾的时间，早点下班回家休息。毕竟，身体才是革命的本钱，对吧？