君，已阅读到文档的结尾了呢~~
广告剩余8秒
文档加载中
转会声会影做电子相册解决照片模糊的方法
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
转会声会影做电子相册解决照片模糊的方法
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer-4.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口为什么iPhone上照片模糊了 iCloud相册到底有啥用？
作者:中关村在线
有一些苹果用户会提出这样的疑问，那就是为什么一段时间之后iPhone（或iPad）上的照片变得非常模糊了，这其实是与iCloud相册有关。我们知道苹果在几个版本前推出了iCloud照片图库，但是很多人也不知道这是干什么用的。那么今天我们就来聊聊iCloud相册。
简单来说，iCloud相册就是把本地的照片上传到云端，可以在任何设备上看到这些照片，当然所说的设备主要就是苹果自家的那些，不过不要忘了网页版的iCloud，只要有浏览器就能看。
说实话把照片保存到云端并不是什么新鲜玩意，只不过iCloud相册有一个比较不错的功能，就是优化本地存储空间。这也就是手机上的照片过一段时间之后会变得模糊的原因，我们下面来进行解释。
在&设置-iCloud-照片&中，我们可以看到&优化iPhone存储空间&的选项，这就是&元凶&了。其实这是一个减缓手机本地存储压力的功能，作用就是将非常大的原始照片文件上传到iCloud云端，而只在本地保留压缩后的版本，这样占用的空间就小了。
当我们想要查看图片时，原始图片又会自动开始下载。不过苹果的服务器对国内的速度不咋地，所以有时也会下载失败。但是不要担心，你的原始照片并不会丢。
那么怎样找回我们的原始照片呢？很简单，打开浏览器登陆网站，在这里我们能够把所有照片都下载到电脑上，作为保存。
当然如果你的iPhone或是iPad的空间很大，那就不必开启&优化iPhone存储空间&的选项，这样就可以随时查看高清照片了。
您可能也感兴趣:&&&&&&&&&&&&&&&&
官方微博/微信
每日头条、业界资讯、热点资讯、八卦爆料，全天跟踪微博播报。各种爆料、内幕、花边、资讯一网打尽。百万互联网粉丝互动参与，TechWeb官方微博期待您的关注。
↑扫描二维码
想在手机上看科技资讯和科技八卦吗？想第一时间看独家爆料和深度报道吗？请关注TechWeb官方微信公众帐号：1.用手机扫左侧二维码；2.在添加朋友里，搜索关注TechWeb。
苹果iCloud
iCloud艳照门
iCloud相册
iCloud照片流
相关的资讯有：
苹果iCloud
iCloud艳照门
iCloud相册
iCloud照片流
相关的博文有：
苹果从来不会自己曝光新iPhone的任何消息，但外界却对新iPhone有着各种期待和不同的爆...
三星Galaxy S8手机是今年最重要的旗舰，去年Note 7的由于出现异常状况导致三星已经一...
随着Intel第七代处理器的全面推出，相关的PC产品也集中涌现。由于全新Intel处理器的高...
Uber近日被爆出软件中存在一个允许乘客不付费乘坐Uber的漏洞，Uber随后在其代码中修复...
格力电器董事长董明珠在格力智能装备高峰论坛上表示，智能装备的发展一定要通过自主创...
据《纽约邮报》（the New York Post）报道，在过去数周时间里，苹果公司多名高管曾到...
全国人大代表、腾讯公司董事会主席兼首席执行官马化腾近日在京举行媒体沟通会，介绍了...
今天有微博网友感慨：“世界上想不到的事很多，比如支付宝可能是唯一一个联系方式。”...
使用电脑的过程中，没有什么比遇到蓝屏更恐怖的事情了。现在，有国外用户在Reddit上放...
火影忍者手游第五届格斗大赛跟新的十连A忍息息相关，关于新A忍的推出时间和角色一直是......
王者荣耀体验服3月1日进行了更新，比较重要的内容是刘邦的技能进行了重做，此外还有平......
夜雾迷城活动2月22日5:00—2月28日23:59，本次活动新增套装黎明之冠新月之吻，下面为......
王者荣耀至尊宝皮肤在此前已经曝光，大家猜测是情人节皮肤，目前官方已经给出了上架时......
Copyright (C)
All rights reserved.
请选择一张图片分享
要转发到新浪微博，请
要转发到QQ空间，请评论-4093&
此篇文章估计不会太长，有移除首页的风险，但是老夫（称老夫是因为我们真正的叶小钗其实都100多岁啦）是不会怕滴。所以，我来了哟！
题外话：今天我们一起还看了一道前端的面试题，而后我本来还想多找几道来做做，但是没找到什么合适的，各位有什么好的前端面试题请给我留言哦，我们一起来分析面试题进步哟！
前端时间，我与我们的产品有一次讨论，是针对图片压缩的，因为我对图片或者说PS这块是个小白，所以当时做了一个广告图片有100来k也直接给传上去了，结果被我们的同事搞起来一压缩，便只有50多k了，此次交流对图片压缩这块有了一点点心得，并且为第二次交流埋下伏笔，第二次便是图片由模糊变清晰的研究了。
网页图片格式
此处我先对我们的图片格式做一下普及吧，参考：
透明类型，可以全透明或者全不透明，半透明这种事情就不要找他了，并且这个家伙可以做动画哦
gif是一种无损耗的图片格式
gif采用lzw算法进行压缩，当压缩gif过程中像素由上到下进行压缩，也就是说横向的gif图片比纵向的小(500*10比10*500小)
gif支持可选择性的间隔渐进显示
不支持透明
不支持动画
该图片非常容易损耗
支持隔行渐进显示（ie不支持，ie会再整个图片信息完全到达后再显示）
jepg尤其适合web上面的摄影图片和数字相册
支持各种透明，但在IE6下有bug需要使用滤镜处理
不支持动画
任何操作都不会损耗其质量
支持间隔渐进增强，但会造成图片尺寸变大：
png8(布尔透明)
相当于静态gif，只有256色，支持索引透明，就是指定一个像素点不是透明
png8(alpha透明)
可指定像素点的透明度，例如50%透明度
优点在于比png24/32小，效果一样，缺点为ie6不支持
不透明，颜色很多不止256色，PS导出的png24事实上为png32
png32和PS里面的PSD一样，包含图层和通道信息
以上是关于图片的一些信息，我们大概了解下便是，其中我要说一说其中的PNG，特别是交错png
PNG交错在使用浏览器欣赏该图片时就会以由模糊逐渐转为清晰的效果方式渐渐显示出来。PNG先进的交错式方法，使图像得以水平及垂直方式显像在屏幕上，加快了下載的速度，作用：交错可使下载时间感觉更短，并使浏览者确信正在进行下载。PNG无交错、不交错就没这个作用。
图片的显示
我们知道img标签在dom加载时候是不会加载的，而是在dom结构全部出来后并形成了渲染树（布局结束），才开始加载。
而其加载顺序也是从上而下的加载，意思是图片我们是先看到上面再看到下面，但是很明显这不是一个好的显示方式，我们若是一开始可以看到模糊的图形然后再慢慢变清晰是不是好很多呢？
肯定好很多啦。。。
于是我们讨论到如何实现，但是就说到了交错PNG，我当时虽然信了，因为我对此不太了解，但是下来思考下却感觉有点不对劲！
用户的疑惑
现在我们来想象下QQ空间的做法（这块纯粹瞎扯），我现在作为一个用户，我上传图片来了
① 我想将QQ空间作为云存储的地方，上传了我2M的毕业照
② 空间根据需求生成了一张缩略图与一张大图
③ 我们首先看到缩略图，而后看到大图，点击原图时候便看到我最初2M的照片
以上是我以为的逻辑，QQ空间是不是这个逻辑我们不去关注他，因为站在用户角度，我一定是想保留我最初的东西。
好了事到如今，QQ空间究竟怎么做的呢？？？那个太复杂了，我们也不去关注，我这里说下我是怎么做的。
实现图片由模糊到清晰
我们的相册显示一般是这个样子的：
上面是缩略图，下面是大图，在这里我们其实可以对其缩略图做文章！！！
我们在大图显示完之前可以用缩略图&代替&大图吗，来看看我们的逻辑：
① 缩略图在相册上方，其最先加载，就算在下方，因为缩略图尺寸很小加载十分迅速
② 最初将缩略图放到大图显示位置，将其大小设置为大图大小（此尺寸有多种方法可获取，比如上传时候便计算结束）
② 将大图布局置于缩略图前，因为缩略图已经展示，但是因为过大而显得有点模糊，但大图慢慢加载其由上至下变得清晰给人一种模糊到清晰的错觉
④ 流程结束
于是我们来看看我们的QQ空间吧，看之前我们用限速工具，给我们的火狐限速：
PS：限速后开空间巨慢。。。
怎么样，够慢了的吧！
注意看其由上到下的变化哦，然后我这里找出了证据
PS：我打开网上限制怎么还是很慢，看来是我网速慢的原因啦。。。
请看我这边用红框圈着的三块地方：
第一个为相册显示的容器，relative定位的
第二个为上面的小缩略图，很小的那种哦：
看吧，这里活生生的将人家扯那么大。。。。。
第三个框便是主角，大图啦：
从其整个排布来看，与我们思考的一致，他这样做好处多多的有哦，比如我们这里上面的图片导航：
我们看到上面的缩略图早就显示出来了，点击下一张的时候缩略图会展示出来，不会出现空白的断层，然后大图慢慢的显示让用户愿意停在那里。
好啦，今天我们研究了一道面试题，后面又研究了图片由模糊到清晰的方案，若是您有更好的解决方案不要藏着哦！
好啦，若是你有好的web前端面试题也请留下，我最近在做这方面的整理，后面对各位也会有帮助滴，最后留一张老夫的玉照吧！
阅读(...) 评论()> 用JS实现图片模糊到清晰预加载效果
用JS实现图片模糊到清晰预加载效果
用一段简单的JS代码就能实现图片模糊到清晰预加载效果，可以应用在一些大图片的场合，例如用户在打开图片的瞬间先载入一张小图，再慢慢载入大图，减少用户在等待过程中的烦燥，提高。
代码使用如下：
&img src=&images/small.jpg& name=&myImage& width=&1002& height=&754& id=&myImage& alt=&酷站代码 www.5icool.org& /&&script language=&JavaScript& type=&text/javascript&&&var img = new Image();&img.src = &images/mm.jpg&;&img.onload = function() {&document.getElementById('myImage').src = this.&}&/script&
可对图片进行自动缩放功能，此插件使用时可让页面先加载，而图片后加载的方式，解决了平时使用时要在图片显示出来后才能进行缩放时撑大布局...
当你滚动到相应的行时，当前行的图片才即时加载的，只打开可视区域的图片，而其它隐藏的图片则不加载，一定程序上加快了页面加载的速度，对...
jQuery幻灯
jQuery相册
jQuery幻灯
jQuery幻灯
jQuery幻灯}