最近有客户想要处理webp 的动图，情况当然是我们并不能处理webp 格式的图片。这事就交给了我来折腾，一开始想着用瑞士军刀ffmpeg。结果是折腾了差不多一天，前前后后编译了几十次ffmpeg 源码后才发现，并不支持decode 带动画的webp....坑爹啊。 不过也算熟悉了一下源码编译的过程， ...
分类：
Web程序 时间：
2016-06-01 21:17:34
阅读次数：
181
WebP格式，谷歌（google）开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3，并能节省大量的服务器带宽资源和数据空间。Facebook Ebay等知名网站已经开始测试并使用WebP格式。 但WebP是一种有损压缩。相较编码JPEG文件，编码同样质量的WebP文件需 ...
分类：
其他好文 时间：
2016-05-29 16:41:01
阅读次数：
178
SDWebImage是一个开源的第三方库，它提供了UIImageView的一个分类，以支持从远程服务器下载并缓存图片的功能。它具有以下功能：
1.一个异步的图片加载器。
2.一个异步的内存+磁盘图片缓存
3.支持GIF、WebP图片
4.后台图片解压缩处理
5.确保同一个URL的图片不被多次下载
6.确保非法的URL不会被反复加载
7.确保下载及缓存时，主线程不被阻塞。
1。下载...
分类：
Web程序 时间：
2016-05-27 11:54:21
阅读次数：
289
WebP格式，谷歌（google）开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3，并能节省大量的服务器带宽资源和数据空间。Facebook Ebay等知名网站已经开始测试并使用WebP格式。 与JPEG相同，WebP是一种有损压缩。但谷歌表示，这种格式的主要优势在于高 ...
分类：
Web程序 时间：
2016-05-13 12:33:24
阅读次数：
138
现在公众号后台都已经进行了加密保护，在电脑上图片是保存不下来的，你点保存，保存下来的是网页； 1、在新标签中打开图片，将网址中的tp=webp 改成tp=jpg，用修改后的网址重新访问，然后将图片另存为jpg图片即可。 2、长按图片，现在手机上保存，通过手机qq发到电脑上去。 ...
分类：
微信 时间：
2016-05-12 10:41:17
阅读次数：
743
最近同事在做一个事情，用NSUrlProtocol截取UIWebView下载的webp图片，然后转化为png图片 由于UIWebview里面不能用webp格式的图片，而用webp可以节省流量，所以用了这个“曲线救国”的方式 结合网络上的一个例子raywenderlich 对NSUrlProtocol ...
分类：
Web程序 时间：
2016-05-03 23:44:50
阅读次数：
305
题目：遇到网络不好，卡顿的时候如何对网络的加载图片进行优化？思路：从加载的图片的本身和手机的存储两方面考虑解决办法：1.找现有图片格式的替换者在众多的图片格式中，选择了Google的WebP。原因很简单：压缩效率高，而且对Android的支持好（毕竟就是Google提出来的）。使用 WebP 之后，相对于JPG格式的图片，流量省了将近 25% 到 35 %；相对于 PNG 格式的图片，流量省了将近8...
分类：
移动开发 时间：
2016-04-21 01:41:19
阅读次数：
211
峰回路转 一区九折 先看效果：（此效果是webpack执行完之后会生成build文件夹已经它下面的index.html,点击index.html就是下图的效果） 安装先装好node和npm，因为webpack是一个基于node的项目。然后npm install -g webpack总览官网对webp ...
今天，我们要讲的是angualr2的pipe这个知识点，但是在这之前我们需要升级一下我们的装备，因为之前的装备太“寒酸”了。 例子 这个例子包含两个pipe，一个是stateful，一个是stateless，是直接复制官方的例子。本例子还包含了我对AngularClass/angular2-webp
分类：
其他好文 时间：
2016-02-25 13:44:39
阅读次数：
500
1.通过getUserMedia调用设备的摄像头（电脑、手机都可以，取决于浏览器对这个API的支持情况），并将资源放入video标签。2.将video内的视频资源通过canvas的drawImageAPI放入canvas里，这个canvas是不显示的。3.将canvas的内容转换成base64编码的webp格式的图像（如果浏览器不支..
分类：
Web程序 时间：
2016-02-16 17:03:50
阅读次数：
271
