TimThumb 超强PHP缩图程式,搞定WordPress

920次浏览

当写程式碰上了图像的处理,真的是一件麻烦事,因为你要用程式的方式去解决图的问题,比方说缩图,你就要用一堆数字然后去想像并裁切,如果没概念根本不知道如何做起?别担心,现在我们可以透过一支PHP程式「TimThumb」来帮我们做到缩图的工作,而且这支程式还可以让你轻鬆嵌入任何程式之中,就算是WordPress也可以套用这个程式模组哦!

事实上,这支程式蛮多网站有在使用的,其中又以WordPress佔了绝大多数,我想应该是早期WordPress并没有提供特色图片(缩图)功能,所以大家会透过写程式的方式达到这样的错用,因为直接使用图片并利用语法强制压缩,图片会变形不好看,所以必须要透过TimThumb来压缩,让图片变得比较好看,因为这支程式的压缩并不是傻瓜式的强制缩小,而是跟Facebook很类似的缩图方式。

我想如果你对资安有些研究,相信你对TimThumb并不陌生,因为这个php在2011年8月出了安全漏洞的问题但问题已经补起来了,所以大可放心的使用,因为香肠自己也有使用这支程式哦!这支程式主要是起源于WordPress的布景「Mimbo Pro」,后来变成了一个专案,目前程式放在Google Code上面。这支程式支援了大多数的图片格式,JPG、PNG、GIF都支援,并且会利用快取来加速,提高效能。

TimThumb 主要用途是在图片的裁切上,除了可以按照预设的模式替图片进行裁切之外,进阶使用的话也可以自订裁切的方式。同时,您也可以透过这支程式来进行遮罩(filters),功能不少喔!还有,这程式还可以外部图片进行压缩,不论哪一个网站,只要是图片通通可以直接把网址丢给这支PHP程式进行压缩,不过前提是主机要支援GD library才会运作这支程式。

程式名称:TimThumb官方网站:部落格、专案页程式下载:按这里 (请储存为php档案)

第1步  将程式下载并储存为timthumb.php后,用NotePad++开启,找到「$ALLOWED_SITES」这个阵列,在里面可以看到允许缩图的白名单,记得按照规则把自己的网站加入清单,不然图片会无法输出。

】原先白名单用不到的可删除,并请额外加上有使用的来源图片网址。

TimThumb 超强PHP缩图程式,搞定WordPress

第2步  以WordPress来讲,我们可以在布景主题目录下建立一个「script」资料夹。

TimThumb 超强PHP缩图程式,搞定WordPress

第3步  接着,把程式放在「/script」目录下,同时,在此目录别忘了建立一个「cache」资料夹,权限记得设定777,这样未来图片快取才有办法写进去。

TimThumb 超强PHP缩图程式,搞定WordPress

第4步  至于程式的引用方法如下,记得设定高宽,否则会跑预设。

/cl/rand_img/rdj15uinljl.jpg”template_url’); ?>:这是WordPress输出布景主题网址的语法,可以带换成您网站的网址,简单说前面就是要这支程式的路径。

参数解说:

src:图片网址h:height,图片高度(ex. 150)w:width,图片宽度(ex. 122)q:quality,图片品质(100为原图)zc:zoom crop,是否剪裁,0=否,1=是。预设从图片中央进行剪裁。

第5步  效果展示,香肠imXD5本来用强制压缩(等于网页跑原图),现在改用timthumb进行缩图快取,加速网站的开启速度。

TimThumb 超强PHP缩图程式,搞定WordPress

第6步  可以看看官方的展示,预设採用中间裁切,这是外部图片裁切并快取到网站上。

】官方遮罩应用,有兴趣可以看看,请按这里。

TimThumb 超强PHP缩图程式,搞定WordPress

TimThumb 使用心得与注意事项

儘管之前有发生漏洞(目前已经修复),但不可否认的这支程式的实用性。它可以帮图片做最佳的图片裁切,同时支援多种格式的输入,还提供快取的机制可以减轻网站的负担,对于写程式的人来讲,可以免去图片处理这一部分的开发,可以把时间省下来做更多的事情。当然,以香肠自己网站的做法,我本来是将程式丢在自己的主机上跑,可是发现没多久就300个快取档案,如果持续进行,很可能把主机空间吃掉、流量吃掉。

所以换个做法,把程式丢到图床上面去跑,以降低主站所耗用的资源,同时快取图片也可以存放在自己的图床上,免去原站的空间浪费,对于网站优化是很大的帮助。因为有些程式并不能这样分离进行,对图片吃很兇的网站来讲,是一件麻烦事。再加上,因为香肠当时使用WordPress的年代过于久远(2.1),程式本身并没有提供特色图片可以使用,如果现在要一张张加回去,可能会晕倒,透过timthumb来处理,可以大大解决这些恼人问题。

不过在使用上有一点要注意的是,程式预设是有开启图片来源限制,如果您嫌弃他要设定很麻烦,你可以改程式将它关掉,但是关掉相对的风险就来了,如果大家都知道你的程式没有锁定图片来源,很可能就利用你的程式跑它网站的图,把你的网站当成它的缩图图床,这样就麻烦了。所以在开放时千万要小心,建议还是有锁定网站会是一个比较明智的做法。

相关推荐


上一篇: 下一篇: