排行榜 统计
  • 建站日期:2021-05-20
  • 文章总数:144 篇
  • 评论总数:694 条
  • 分类总数:4 个
  • 最后更新:5月5日

Typecho缩略图利用TimThumb实现自动剪裁

本文阅读 4 分钟
首页 精品教程 正文
本文最后更新于2021年07月16日,已超过316天没有更新。如果文章内容或图片资源失效,请留言反馈,我会及时处理,谢谢!

在模板开发的时候,特别是响应式网页开发的情况下,各种图片比例的不一致简直是灾难性的事情,解决方式无非两种,一是上传比例都一致的图片,这样会很麻烦,二是强制图片的高宽度,这样会让图片变形,感觉不太对劲。不过其实解决方案一直都有,那就是利用TimThumb图片剪裁php,TimThumb是个很靠谱的php图片剪裁插件,wordpress很多的模板都在用到,所以typecho一样可以使用。
我的缩略图实现方式是typecho调用多张缩略图,非插件实现,感兴趣可以看看。

教程如下:

1.把TimThumb.php放在根目录,还可以重命名一下,比如我命名为了pic.php(放在哪里都可以,比如模板目录之类的,看个人习惯吧)

可以在模板中这样写

<?php $this->options->siteUrl(); ?>pic.php?src=<?php showThumbnail($this,0); ?>&h=420&w=640

2.这里说明一下,常用的参数比如h是高度,w是宽度,它会直接将图片处理成指定的分辨率,并且生成一个cache文件夹存放缓存文件,然后以下是所有的参数说明,感兴趣可以折腾下。

src : 需要进行图片缩放的源图片地址,或者是需要进行截图操作的网页地址
webshot : 如果此值为真则进行截图操作
w : 生成图片的宽度,如果宽度或高度只设置了一个值,则根据其中一个值进行等比缩放
h : 生成图片的高度,如果高度和宽度都没有指定,则默认为100*100
zc : 生成图片的缩放模式,可选值0, 1, 2, 3, 默认为1,每个值的不同之处可看下面文件的第100行注释
q : 生成图片的质量,默认90
a : 超出部分的裁剪位置,和缩放模式有关,可选值t, b, l, r, 默认为从顶部裁剪
f : 需要对生成后的图片使用一些过滤器的话,则在这里传不同过滤器的代码和值,具体操作方法可见下面文件的第821行注解
s : 是否对生产的图片进行锐化处理
cc : 生成图片的背景画布颜色
ct : 生成png图片时背景是否透明

3.最终,在模板开发中使用,就可以看到如下的效果。

blockchain

图片都是同样分辨率,同样比例,响应式布局就得心应手了。

blockchain

下载地址:

此处内容需要评论回复后

本文来自投稿,不代表本站立场,如若转载,请注明出处:https://www.xinr.vip/archives/49.html
PHPstudy创建typecho步骤
« 上一篇 06-08
typecho常用文章数据调用方法,汇总整理
下一篇 » 06-09
广告

发表评论

V注册会员 L评论等级
R2 条回复
  1. qqwwqq123VLv.2 说道:
    2021-12-15     Win 10 /    QQ浏览器

    积极攒积分

  2. happyzfwVLv.5 说道:
    2021-08-09     Win 10 /    Chrome

    感谢楼主+1

没有更多评论了

作者信息

广告

动态快讯

热门文章

最多点赞

16赞, 阅读:1.4k
15赞, 阅读:3k
13赞, 阅读:1.2k
12赞, 阅读:3.4k
广告

标签TAG

热评文章