欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

html压缩图、多图片加载

程序员文章站 2024-03-24 23:06:22
...
  1. 首先下载 timthumb.php 文件(可到本人博客资源下载)
  2. 把  timthumb.php 文件放到项目中可直接通过链接访问到的位置,以TP5框架为例说明下,之前用ThinkPHP5框架踩坑过来的,一般框架都有一些自带的路由访问的规则,所以可以选择放在静态资源的路径下,然后就可以通过链接:localhost_name/static/timthumb.php访问,TP5静态资源设置可查看(https://blog.csdn.net/u010742206/article/details/81703816
  3. 测试访问 timthumb.php 成功后,接下来就结合html使用,后面的w、zc均为参数
    <div>
        <img src="__STATIC__/timthumb.php?src=__STATIC__/images/case/pic-8.jpg&w=600&zc=1">
    </div>
    

    使用的参数及说明如下:

    src : 需要进行缩放的源图片地址,或者是需要进行截图操作的网页地址
    w : 生成图片的宽度,如果宽度或高度只设置了一个值,则根据其中一个值进行等比缩放
    h : 生成图片的高度,如果高度和宽度都没有指定,则默认为100*100
    zc : 生成图片的缩放模式,可选值0, 1, 2, 3, 默认为1。0:根据传入的值进行缩放(不裁剪), 1:以最合适的比例裁剪和           调整大小(裁剪), 2:按比例调整大小,并添加边框(裁剪),2:按比例调整大小,不添加边框(裁剪)
           webshot : 如果此值为真则进行截图操作
    q : 生成图片的质量,默认90
    a : 超出部分的裁剪位置,和缩放模式有关,可选值t, b, l, r, 默认为从顶部裁剪
    f : 需要对生成后的图片使用一些过滤器的话,则在这里设置不同过滤器的代码和值。
    s : 是否对生产的图片进行锐化处理
    cc : 生成图片的背景画布颜色
    ct : 生成png图片时背景是否透明html压缩图、多图片加载

  4. 右击图片下载,如下载后图片(56kb)比原图(346kb)小很多,那么恭喜你,完成压缩图功能了