用timthumb.php裁剪图片

/ 41评 / 0

timthumb是一个非常神奇的第三方小文件,它可以任意裁剪图片大小。这一切都不需你手动操作,有了它,你可以为你博客文章缩略图进行定义裁剪,不用加载原本的大而笨重的高清图片,只需要加载裁剪后的缩略图,好处最大就在于减少页面加载时间喽!

现在我正在使用的主题已经使用了这个小功能

查看相应的图片的源码可以看到,图片的地址路径类似:

<img src="http://timthumb所在目录/timthumb.php?src=图片地址&h=定义高度&w=定义宽度&zc=1"/>

上图证明我已经开启成功了这个小功能,那怎么开启它呢?这里我以我目前使用的Weisay & Hicms为例,一步一步开启它

首先,想要使用timthumb,需要先确认主机是否支持GD库(一般主机都支持)下载timthumb.php并将其上传到你的空间(我是上传在主题目录中的),然后在和timthumb.php同一个目录下,创建一个cache文件夹,如果你是linux主机,需要为cache文件夹提供写权限,我设置的权限为“777”。

上面已经提到,timthumb使用的时候,图片的地址为:

<img src="http://timthumb所在目录/timthumb.php?src=图片地址&h=定义高度&w=定义宽度&zc=1"/>

其中你需要注意的是,h为缩略图的高度,w为缩略图宽度,zc有两个属性值,1表示裁剪,0表示按设置的高宽压缩,不裁剪。

例如Weisay & Hicms主题,打开主题下includes/articlepic.php文件,修改为:

<img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo catch_first_image() ?>&h=100&w=140&zc=1" width="140px" height="100px" alt="<?php the_title(); ?>"/>

然后保存即可,这是再刷新一下首页,查看一下图片地址,是不是有变化了呢?如果加载的是裁剪后的小图,恭喜你,你成功了!!!
最后提醒,这里我是以Weisay & Hicms两款主题为范例的,少数主题并不适用,如果你的主题支持抓取缩略图,那么你可以直接修改相关代码。。
拓展阅读:代码实现文章仿“无觅”效果的 相关文章

  1. 南寻说道:

    我那主题也自带了,不过现在换BAE了,得手动改缩略图了… 😮

  2. 用过,后来觉得墙内图床没必要。直接wh定义大小也不慢

  3. Xider说道:

    其实我一直不喜欢缩略图 😎 😎

  4. 飘零说道:

    大神研究下为何百度云存储不能缩放

    • Tokin说道:

      @飘零 不能缩放?问题有二:
      1、BAE写权限不是开放的吧,cache文件夹没有写权限。
      2、如果是普通主机,用BAE做图床得话,那就修改timthumb.php第127行,按照例子,加上BAE云存储的域名

  5. peascloud说道:

    技术文 ❗

  6. 鬼娃娃说道:

    😛 大发主题就有了。。
    我现在都不管,

  7. 哼哼猪说道:

    这个不错,其实还有代码也可以。
    不过我都是用ps做的,几天不发一篇文章没必要用那个了,自己做可以找点好的素材尺寸显示,自动压缩的基本不能看

  8. 秦天添博客说道:

    好复杂呀,我一直手工用PS的。

  9. 木头●怀说道:

    砖头背景不错了~~

  10. 晓伍说道:

    有了这个就很方便了,不过很久没折腾主题啦

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注