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)小很多,那麼恭喜你,完成壓縮圖功能了

 

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