首頁 >php教程 >php手册 >PHP加载大图片优化方案

PHP加载大图片优化方案

WBOY
WBOY原創
2016-06-07 11:34:502533瀏覽

大图片特别影响加载速度,用户体验不好。因此分享一款加速插件Antimoderate.js给大家。原理是通过html5的canvans将图片做了处理,优先加载缩略图,并做模糊化,当大图下载完成时加载大图显示,这样极大的加快了网页打开速度。
PHP加载大图片优化方案
准备一张大图,当然它尽可能的大,可能几百KB,甚至上MB。我们同时还制作一张缩略图,非常小,可能就1kb左右,我们可以将这张缩略图转换成Base64的图片,如下代码中,将data-antimoderate-idata属性值定义为base64图片。<img alt="PHP加载大图片优化方案" > base64制作出来的图片请百度
快速加载图片演示:http://www.sucaihuo.com/php/812.html

附件 PHP+Antimoderate.js大图片优化.zip ( 217.24 KB 下载:32 次 )

AD:真正免费,域名+虚机+企业邮箱=0元

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn