Maison  >  Article  >  php教程  >  PHP加载大图片优化方案

PHP加载大图片优化方案

WBOY
WBOYoriginal
2016-06-07 11:34:502514parcourir

大图片特别影响加载速度,用户体验不好。因此分享一款加速插件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元

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn