做网站这行干久了，最怕客户问那种看似简单实则坑多的问题。比如今天这篇，就聊聊屏幕显示那些事儿。搞懂这个，你的页面再也不会糊成一团。

记得刚入行那会儿，我有个客户非要让我把图片做得特别清晰。

我说你手机看啥样电脑看啥样不一样嘛。

他不信，非说4K屏上看着就是不一样。

其实吧，这事儿真没那么玄乎。

咱们做站点的，心里得有个谱。

一般使用的分辨率显示密度是96DPI。

这是老黄历了，但很多人还当真理。

那时候的显示器，确实差不多这个数。

但现在呢？满大街都是Retina屏。

苹果的手机，像素密度高得吓人。

你按96DPI做图，上去就是马赛克。

我上次给客户改图，累得半死。

因为他在微信里发图，特别清晰。

结果我传到网站，手机上一看，模糊。

客户电话都打过来了，说我技术不行。

我查了半天，才发现是DPR的问题。

设备像素比，这词听着挺高大上。

说白了，就是物理像素和CSS像素的比例。

一般使用的分辨率显示密度是96DPI。

这话只对了一半，现在得看DPR。

你要是只盯着DPI，肯定吃亏。

现在的手机，DPR都是2或者3。

这意味着，你100px宽的图。

在屏幕上实际占了200或300个物理像素。

所以，你得准备高清图。

别偷懒用那种压缩过度的图。

虽然加载慢点，但看着舒服啊。

用户愿意等两秒，也不愿看糊图。

我有个朋友，专门做电商站的。

他那儿图片多，处理起来麻烦。

但他坚持用SVG格式做图标。

不管怎么缩放，边缘都锐利。

这就是专业，这就是细节。

当然，也不是所有地方都要高清。

背景图太大，加载慢，用户跑了。

这就叫平衡，懂吗？

一般使用的分辨率显示密度是96DPI。

这话在打印行业还是金科玉律。

但在网页设计里，早过时了。

咱们做开发的，得跟设计师沟通好。

别设计师给个72DPI的图。

你就直接往上怼，那肯定不行。

得问清楚，这图在Retina屏上咋样。

有时候，得让设计师出两套图。

一套给普通屏，一套给高清屏。

用CSS媒体查询来切换。

这样既省流量，又清晰。

我见过太多小白站长，不懂这个。

随便找个素材网下载图。

分辨率低得可怜，放大全是锯齿。

客户一看，直摇头。

这时候你再解释DPR，人家不听。

人家就觉得你做的东西廉价。

所以，别嫌麻烦。

前期多花点心思，后期少修bug。

一般使用的分辨率显示密度是96DPI。

这句话，你记在心里就行。

但动手的时候，得看设备。

现在的主流设备，像素密度都高。

你得顺着用户的眼球走。

还有啊，别光盯着分辨率。

色彩模式也很重要。

屏幕是RGB，打印是CMYK。

别搞混了，不然颜色差老远。

我上次就犯过这错，给客户做海报。

结果屏幕看着鲜艳，打印出来灰扑扑。

客户差点把我拉黑。

总之，做网站就是做体验。

细节决定成败，这话不假。

一般使用的分辨率显示密度是96DPI。

这是基础，但不是全部。

你得灵活变通，因地制宜。

别死守教条，那样干不长。

咱们这行，靠的是口碑。

用户觉得好，下次还找你。

觉得糊，下次就换别人。

就这么简单。

别整那些虚头巴脑的术语。

就把图弄清晰，把速度提上去。

剩下的，交给时间检验。

今天聊这些，希望能帮到你。

要是还有不懂的，留言区见。

咱们一起交流，一起进步。

毕竟，这行水挺深，得抱团取暖。

别一个人瞎琢磨，容易走偏。

好了，今天就写到这儿。

我去喝口水，歇会儿。

脑子有点转不动了。