html压缩图、多图片加载

  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图片时背景是否透明

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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章