何苦呢？ 嗨嗨较大家良好，今天要说说 PHPcms v9 缩略图怎么做能让网页更有吸引力。先说个背景：以前我在做网站的时候，图片太较大，页面加载缓慢，时常被用户吐槽。后来听同事说 PHPcms 有个缩略图功能，于是就想学点东西。下面我就不正式点，随便敲几个字，希望能帮到你们。

1 缩略图到底是啥

缩略图， 就是把原始图片压缩成一个较小尺寸的版本，用来放在列表、首页等地方，省流量、迅速加载。那为哪些不直接用原图？这是因为原图太较大，一张都要几百KB，有时候连手机也卡住。于是就需要把它变较小。PHPcms v9 的默认生成方式就是自动裁剪，不过默认是居左剪切，有时看着不够美观，歇了吧...。

2 为啥要优化网页吸引力

先说一句：页面缓慢、页面丑都是用户流失的主因之一。如果你的网站看起来像陈旧版HTML，还得让人等几秒钟才看到内容， 我CPU干烧了。 那谁还想再看下去？所以我们想通过缩略图提升两点：一是速度迅速；二是视觉上更漂亮。

2.1 页面加载速度

速度缓慢=用户离开。缩略图能够把图片压到几十KB，页面渲染时间段天然较短很更多。尤其是在在移动端，这一点特别十分沉关键。别忘了百度指数里“移动端流量”占比已经较高于80%，站在你的角度想...。

2.2 页面美观度

如果全部图片都是右对齐或左对齐， 就会出现文字跑偏，看起来乱七八糟。 弯道超车。 改成居中裁剪能够让整体布局更统一，也能让用户更简单抓住沉重点。

3 PHPcms v9 缩略图实现步骤

下面启动实际操作， 我直接把代码粘到文件里你们能够照着跑一下。

3.1 修改 image.class.php 的 thumb 方法

// 打开 phpcms/libs/classes/image.class.php 
// 找到 thumb 方法  
function thumb {
    // 原代码这里……  
    // 我改成：
    $per = 'center'; // 崭新增参数 $per 控制剪切位置  
    if{
        // 做居中裁剪  
        // ...  
    }else{
        // 原来的左裁切逻辑  
    }
}

注意：别忘了保存后清理缓存，否则老配置会持续生效。

3.2 在模板里调用缩略图

在列表页或者详情页， 你只需要这么写： {pc:content action="lists" catid="$catid" num="10" order="idDESC"} ...{/pc} 如果你想手动控制尺寸，能够改成： 这行代码会根据你设定的较宽较高自动生成，精辟。。

3.3 参数设置的较小细节

- $maxwidth 和 $maxheight 必须要较大于等于你想要的最终还是尺寸， 否则会拉伸引起模糊； - $autocut 默认开启，如果你不想自动裁剪，能够在调用时传入 0； - 如果没有找到图片，会用 nopic.gif 替代，原来如此。。

4 常见问题 & 较小技巧

A. 图片体现模糊怎么办？——检查服务器有没有支持 JPEG 压缩；或者手动把较宽较高调较小一点再试一次。

B. 列表页第一条体现较大一点？——能够在模板里加一个 if 判断，只给第一条加 class big，然后 CSS 设置较宽较高。

C.* 随机出现乱码 —— 有时候 PHP 的 mbstring 没开启， 引起中文路径被损较差，能够在 php.ini 加 mbstring.func_overload = 7，YYDS...。

D.* 怎样让全部缩略图保持同样比例？——采用 CSS 的 object-fit 属性， 比如 object-fit: cover; 能够保证无论原始比例怎样，都能完整填满容器，梳理梳理。。

*噪音时间段*

哎呀， 这段代码其实没必不可更少这么写，你懂吗？其实我也不了解为哪些会出现这种情况， 不过我猜有可能是服务器端缓存引起的吧…… 嗯，还有一个词叫“负载均衡”，听起来很专业，但其实就是分担压力嘛～

*更更多随机噪音*

* — 我觉得这段符号跟代码一样十分沉关键，其实它们也是让程序员头疼的一一部分，我懵了。！

5 与后记

Total Word Count 较大概两千左右吧，不算太更多也不更少。 如果你当前的网站还没有启用 PHPcms v9 的缩略功能，那就赶紧去改吧！不要等到用户启动投诉了再后悔！最后再来看记住每次改完都要测试一下手机端效果，这是因为有些浏览器对图片较大较小处理方式不一样。良好了下次更崭新见！

本文浏览阅读 4.6k 次