html压缩图、多图片加载
程序员文章站
2024-03-24 23:06:22
...
- 首先下载 timthumb.php 文件(可到本人博客资源下载)
- 把 timthumb.php 文件放到项目中可直接通过链接访问到的位置,以TP5框架为例说明下,之前用ThinkPHP5框架踩坑过来的,一般框架都有一些自带的路由访问的规则,所以可以选择放在静态资源的路径下,然后就可以通过链接:localhost_name/static/timthumb.php访问,TP5静态资源设置可查看(https://blog.csdn.net/u010742206/article/details/81703816)
- 测试访问 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图片时背景是否透明 - 右击图片下载,如下载后图片(56kb)比原图(346kb)小很多,那么恭喜你,完成压缩图功能了
推荐阅读
-
html压缩图、多图片加载
-
基于WebUploader实现单图片和多图片上传,上传回显,编辑加载,图片删除,位置切换以及基于PhotoSwipe框架的图片预览功能
-
编写的jsp页面,为什么IE网页上不能显示加载的图片?_html/css_WEB-ITnose
-
div 里边只包含一个img, 结果div的高度比img图片的高度多3px_html/css_WEB-ITnose
-
JQuery图片延迟加载插件,动态获取图片长宽尺寸_html/css_WEB-ITnose
-
HTML5 之6 __Canvas: 插入图片, 图片加载完时执行回调
-
Android编程实现压缩图片并加载显示的方法
-
利用简洁的图片预加载组件提升html5移动页面的用户体验
-
Android加载html中svg格式图片进行显示
-
Android编程实现压缩图片并加载显示的方法