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两款主题为范例的，少数主题并不适用，如果你的主题支持抓取缩略图，那么你可以直接修改相关代码。。 拓展阅读：代码实现文章仿“无觅”效果的 相关文章

标签: 缩略图

已有 41 条评论

  1. 晓伍 晓伍

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

    回复
    1. Tokin Tokin

      你主题没什么地方能用到额

      回复
  2. 木头●怀 木头●怀

    砖头背景不错了~~

    回复
    1. Tokin Tokin

      纳尼，哪里有砖头…

      回复
  3. 秦天添博客 秦天添博客

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

    回复
    1. Tokin Tokin

      难道是我写的复杂了么，我感觉挺简单的，你那个主题直接上传文件，然后改一句话就能实现

      回复
      1. 秦天添博客 秦天添博客

        那估计是你写得复杂了 :razz:

        回复
        1. Tokin Tokin

          因为真的很简单，所以我想用过多的文字证明它，真的很简单。。。 :sad:

          回复
          1. 秦天添博客 秦天添博客

            好吧，越说越复杂了。
            不过，我基本上一篇博客人配一张图，用PS挺方便的。

            回复
  4. 哼哼猪 哼哼猪

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

    回复
    1. Tokin Tokin

      还有什么代码，你发个文章我去学习学习呗。
      这个我用的效果还不错的啊…

      回复
  5. 鬼娃娃 鬼娃娃

    :razz: 大发主题就有了。。
    我现在都不管，

    回复
    1. Tokin Tokin

      俺没钱买。只能动手折腾了

      回复
  6. peascloud peascloud

    技术文 :!:

    回复
    1. Tokin Tokin

      额，折腾记录用的

      回复
  7. 飘零 飘零

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

    回复
    1. Tokin Tokin

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

      回复
      1. 飘零 飘零

        我添加了，大神这是演示http://www.19139.cn/wp-content/themes/sahifa/timthumb.php?src=http://bcs.duapp.com/plbk110/1239214_381699037_conew1.jpg&h=125&w=272&a=c

        回复
        1. Tokin Tokin

          好像不行，我打不开

          回复
  8. Xider Xider

    其实我一直不喜欢缩略图 :cool: :cool:

    回复
  9. 般若波罗蜜豆 般若波罗蜜豆

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

    回复
    1. Tokin Tokin

      难道让我说，这个可以省流量。。。
      你用的BAE做图床呀，速度没的说，完全无压力了 :twisted:

      回复
  10. 南寻 南寻

    我那主题也自带了，不过现在换BAE了，得手动改缩略图了... :eek:

    回复
    1. Tokin Tokin

      BAE速度很快的说，不用缩略图也行了吧、、、

      回复
  11. wengshijie wengshijie

    留着，以后有可能会有用。 :razz:

    回复
    1. Tokin Tokin

      值得珍藏，哈啊

      回复
  12. 扫地机器人 扫地机器人

    虽然说很好，但是也很复杂啊

    回复
    1. Tokin Tokin

      我感觉不复杂啊，你卡不懂么。。。

      回复
  13. Win8迷 Win8迷

    :???: 我还是手动裁剪

    回复
    1. Tokin Tokin

      我感觉手动裁剪实在麻烦，所以就折腾了这个 :eek:

      回复
  14. oyoy oyoy

    我完全看不懂这篇文章

    回复
  15. proe5.0免费下载 proe5.0免费下载

    蛮不错哦。

    回复
  16. 常青 常青

    我的需不需要这个？

    回复
    1. Tokin Tokin

      用上当然最好，不用也没关系，如果你主机比较快的话

      回复
  17. 斌果 斌果

    外链图片咋办

    回复
    1. Tokin Tokin

      @斌果：在文件里大概60行左右，添加外链网站的域名

      回复
  18. 刘荣焕 刘荣焕

    cash里面一堆一堆的乱七八糟文件 果断弃用了

    回复
    1. Tokin Tokin

      @刘荣焕：那是缓存文件啊！不然怎么调用裁减后的文件…

      回复
      1. 刘荣焕 刘荣焕

        @Tokin：70多M 以前我也是使用这个文件 昨天看主题突然发现整个网站文件夹有120M 图片都在又拍 检查发现主题就80M

        回复
  19. 萨龙龙 萨龙龙

    现在也是用timthumb.php，感觉不错。

    回复
  20. 猫腻 猫腻

    下载链接失效了

    回复

添加新评论