客户打电话说网站最近越来越慢，我打开后台一看，上周刚传的产品图一张九兆，还是摄影师直接从相机里导出的原图。这样的图在手机流量下要转十几秒，客户早跑了。手机网站建设上线只是第一步，图片管理是长期的活，规矩不立，再快的站也会被养胖。
上传前的三步处理
任何图传上后台前走三步：第一步缩尺寸，手机站展示宽度最大八百到一千像素就够，四千像素的原图先缩到位，体积直接掉一个量级；第二步压质量，用压缩工具把质量压到七到八成，肉眼几乎看不出差别，体积再省一半；第三步看格式，普通照片存jpg，带透明背景的logo和图标存png，条件允许统一转webp，同画质体积还能再省三成。三步走完，一张九兆的原图通常能压到两百kb上下，页面速度肉眼可见地回来。这些工具都是免费的，网页里搜图片压缩一堆，处理一张图一分钟不到。嫌麻烦就用带批量处理的小工具，一次把一个文件夹全压完。
不同位置，图的要求不一样
别一刀切：首屏banner可以放宽到三百kb以内，保证清晰；列表页缩略图压到五十kb以内，一页十几张图全靠它撑速度；详情页正文图一百kb上下。尺寸比例也要统一，列表缩略图统一裁成正方形或四比三，不统一的列表看起来七扭八歪，客户会觉得不专业。产品图尽量白底或统一场景，视觉上整齐一大截。视频别直接传到页面里当首屏，先放封面图，点开再播放，不然一个视频就把整页拖死了。封面图用视频里有代表性的一帧，既省体积又提前剧透内容。
立规矩，防止团队越传越胖
规矩比技术重要：后台限制单张上传不超过五百kb，超了直接拒收，这是最有效的一招，程序员加个限制的事；给常用岗位写一页图片处理说明，谁传谁知道；每季度跑一次全站图片体检，把超标的大图揪出来重压。有的团队图省事，直接把这件事推给建站方，也可以让维护合同里加一条定期图片体检，按季度执行。图片是手机网站建设里唯一会持续膨胀的资产，规矩立在前头，后头就省心。
- 上传前缩尺寸、压质量、转格式三步走
- banner三百kb内，缩略图五十kb内
- 后台设上传上限，从源头拦住大图
- 每季度全站图片体检一次
建议：今天就去后台看看最近上传的图，超标的今天就处理；网站交给比格网络这类团队维护的，直接在维护服务里加图片定期体检，按季度出报告，速度指标稳定住，客户访问体验就不会滑坡。
