做网站Logo，尺寸设不对，上线就糊。这篇教你搞定像素、分辨率和导出格式。看完直接上手，不绕弯子。
我干了15年建站，见过太多老板拿着张模糊的图当Logo。
客户问我：ps做网站logo设置多少像素好？
我通常先反问：你这Logo放哪？
是放手机导航栏，还是电脑首页Banner？
场景不同，答案完全不同。
别一上来就开PS新建文档。
先想清楚用途，再动鼠标。
很多新手犯的错误，就是不管三七二十一。
直接新建个1000x1000像素的画布。
觉得越大越好，后期随便缩放。
大错特错。
文件越大，打开越卡，导出越慢。
尤其是做响应式网站，图片加载速度直接影响SEO。
咱们先说最通用的情况。
如果是做Favicon，就是浏览器标签页那个小图标。
这个尺寸很小，通常建议设为64x64像素。
或者128x128像素，保证高清屏下不模糊。
分辨率设72就够了，别搞300，那是打印用的。
网页显示根本用不上那么高的DPI。
设高了，文件体积还大，纯属浪费。
再说说网站头部导航栏的Logo。
这个位置比较关键，既要清晰，又不能太占地方。
一般宽度在200到300像素之间比较合适。
高度根据比例来，别强行拉伸。
这时候，ps做网站logo设置多少分辨率呢？
还是72像素/英寸。
记住，屏幕显示看的是像素值，不是DPI。
DPI只是打印时的元数据，网页浏览器通常忽略它。
除非你同时要做印刷物料，否则别纠结这个。
还有一种情况，是首页的大Banner背景图里的Logo。
这种可能需要放大显示，甚至做成动态效果。
建议尺寸至少800x400像素以上。
分辨率依然保持72。
但这里有个坑，很多人直接存成JPG。
Logo通常有透明背景，JPG会强制加白底。
这就很尴尬，背景是白的，Logo也是白的，看不见。
所以，一定要存成PNG-24格式。
或者SVG矢量格式。
SVG是最佳选择，无限放大不失真。
但SVG代码量大，新手不好控制。
PNG-24是折中方案，清晰且支持透明。
在PS里导出时，记得勾选“透明背景”。
别小看这个勾选，很多人导出后发现背景变黑了。
那是因为PS默认背景层是黑色的，你没删掉。
或者图层面板里，背景层没解锁。
这些细节，都是踩坑踩出来的经验。
另外，颜色模式也要选对。
网页设计用RGB模式，别用CMYK。
CMYK是印刷用的，屏幕显示会偏色。
你看着好好的蓝，导出来变成灰蓝，客户能急死。
所以，新建文档时，颜色模式选RGB。
位深度选8位，足够用了。
16位对Logo来说，没必要，文件还大。
总结一下，ps做网站logo设置多少像素，没有标准答案。
关键是看应用场景。
小图标64-128px，导航栏200-300px宽，大图800px+。
分辨率统一72，颜色RGB，格式PNG或SVG。
别被那些专业术语吓住。
干活的时候，简单直接最有效。
我见过太多人，为了追求所谓的“完美参数”。
折腾半天，最后上线还是糊的。
因为源文件没分层，或者导出时压缩过度。
所以，源头做好，导出选对格式。
比纠结那几个像素值重要得多。
希望这篇干货，能帮你省下不少调试时间。
下次再做Logo，心里有数了吧。
别再用模糊图糊弄客户了。
专业点，客户才觉得你靠谱。
