做广告这行，时间就是钱。客户催方案，工厂催下单，我们自己的官网要是打开慢吞吞，客户等得毛焦火辣的，第一印象就打了折扣。前阵子有个重庆本地的餐饮老板跟我摆龙门阵，说看了我们网站首页几张发光字案例图，转了七八秒才出来，他以为电脑中毒了。这话虽然扎心，但确实点醒了我——网站打开慢，不是服务器的问题，多半是图片在拖后腿。
2024年3月12号那天，我们技术部的兄弟伙把后台数据拉出来一看，整个网站首页的图片加起来有差不多4.8MB，其中光是三张导视牌项目的实拍图就占了2.3MB。客户访问一次，光加载图片就要花掉近5秒钟。说实话，重庆的客户大多用的是手机流量，5G虽然快，但信号在写字楼里头有时候也打折扣，这种加载速度确实说不过去。后来我们专门花了一周时间，把图片从根源上处理了一遍，没动一行代码，页面加载时间从4.8秒直接降到了1.2秒。
很多人一说优化网站，脑子里面就是压缩代码、删插件、上CDN，其实对广告公司这种以案例展示为主的官网来说，图片才是最大的“肥肉”。我们统计过，公司官网90%的流量都花在图片上，尤其是那些钢结构广告的完工照片，原图一张动不动就是七八百KB。客户想看的是细节，是焊接点，是漆面的光泽，但一张高清原图直接丢上去，等于让客户用流量下载一个大文件。
我们现在的做法很简单，就是三步走。第一步，统一把图片格式转成WebP，这种格式在保持清晰度的前提下，体积能比JPG小30%到40%。第二步，把图片尺寸按实际展示区域来裁剪，比如首页的轮播图，以前都是按1920像素宽上传，实际上在手机端显示就变成375像素宽了，这等于白白浪费了四分之三的像素。第三步，给图片加上懒加载，客户滑到哪一屏才加载哪一屏的图，头屏打开速度自然就快了。整个改造过程花了3天，没花一分钱外包费，就是自己用免费工具搞定的。
这里头有个关键点，就是别迷信那些花里胡哨的压缩插件。我们试过好几个市面上流行的图片压缩工具，有些压完以后图片边缘发虚，特别是围挡工程那种带文字的实拍图，文字边缘一虚，客户放大看细节就露馅了。后来我们改用一种笨办法，先用批量处理脚本把图片统一缩放到实际需要的尺寸，再手动挑重点案例的图单独调一下锐度，虽然麻烦点，但效果是实打实的。现在客户随便点开一个案例，图片放大到100%也能看清材料的纹理。
另外有个细节可能很多同行没注意到，就是图片的命名。以前我们的图片文件名都是“IMG_20240312_090215.jpg”这种，搜索引擎根本认不到。现在统一改成“chongqing-guang-gao-gong-si-fa-guang-zi-an-li.jpg”这种带描述的文件名，再加上每张图的alt标签写上具体项目名称和地点。这个改动很微小，但对SEO收录帮助很大，2024年6月百度站长后台显示，我们官网图片搜索带来的自然流量比上个月涨了47%，而且都是重庆本地的搜索词。
如果你也是做广告制作这一行的，或者是做发光字、钢结构广告、围挡工程、导视牌的同行，我劝你别一上来就找程序员改代码。先把你网站上的图片全部拉出来看看体积，再想想哪些图是客户真正会点开看的。与其把首页堆满几十张图，不如精选8到10张最能代表施工水平的案例图，每张控制在200KB以内，页面清爽了，客户看着也不累。
我们公司现在定了个规矩，所有新拍的案例图，不管是用单反还是手机拍的，一律先压缩到合适体积再上传后台。这个习惯养成了，官网就再也没出现过打开慢的问题。重庆的客户性子急，尤其是看围挡工程和导视牌这种需要现场确认效果的项目，他们更愿意直接打电话来问，而不是在网站上等图慢慢转。把图片这个事儿处理好，比啥都管用。
问：图片压缩后会不会影响客户查看施工细节？
答：不会。我们压缩的是图片体积，不是像素尺寸。比如原来一张5000像素宽的实拍图，展示在网站上只需要1500像素宽，我们就先缩到1500像素再压缩体积，客户在屏幕上看到的清晰度跟原图没区别。真正需要看细节的客户，我们会在线下发原图给他，网站上的图只是为了快速浏览。
问：WebP格式在手机上都能正常显示吗？
答：现在市面上主流的手机浏览器，包括微信内置浏览器，都支持WebP格式了。我们2024年4月做过一次测试，覆盖了重庆本地客户常用的安卓机型和苹果手机，没出现过显示异常的情况。只有极老款的浏览器可能不认，但那种浏览器打开别的网站也一样卡，影响不大。
关注「天鸟广告」公众号，即可一键登录
无需注册，关注即登录
