Community Learn Tools Library Leisure
search
English
Home > php教程 > php手册 > body text

PHP加载大图片优化方案

WBOY
Release： 2016-06-07 11:34:50
Original
2514 people have browsed it

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

Related labels：
thinkphp代码，代码示例，代码参考，php短信，数据库备份代码，令牌验证，去除代码中的空白和注释大图片 压缩
source：php.cn
Previous article：《thinkphp 三级分销源代码实战贴》顶！第一季 Next article：ThinkPHP导出CSV、Excel
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
2
1833
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
10
2007
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
1691
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1591
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
1611
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template