Heim  >  Artikel  >  php教程  >  PHP加载大图片优化方案

PHP加载大图片优化方案

WBOY
WBOYOriginal
2016-06-07 11:34:502490Durchsuche

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn