javascript - 请问怎么压缩上传图片的大小

Question

如题，网站主要是用手机访问的，图片比较多，太大的话网页刷的太慢了，wifi还好，2G 3G根本刷不出来

Answer 1

libjpeg是广泛使用的开源JPEG图像库（参考 http://en.wikipedia.org/wiki/Libjpeg ），安卓也依赖libjpeg来压缩图片。通过查看源码，我们会发现安卓并不是直接封装的libjpeg，而是基于了另一个叫Skia的开源项目（http://en.wikipedia.org/wiki/Skia_Graphics_Engine）来作为的图像处理引擎。Skia是谷歌自己维护着的一个大而全的引擎，各种图像处理功能均在其中予以实现，并且广泛的应用于谷歌自己和其它公司的产品中（如：Chrome、Firefox、Android等）。Skia对libjpeg进行了良好的封装，基于这个引擎可以很方便为操作系统、浏览器等开发图像处理功能。详细说明：http://blog.sina.com.cn/s/blog_12ce70a430102v1p3.html

源代码:https://github.com/bither/bither-android-lib

Answer 2

如果是网页素材（别告诉我是内容的图片）建议用CSS sprite，CSS sprite加载一次图片好过加载几次（长痛不如短痛），还有一些js&css库最好用国内七牛，又拍，百度&yepcdn的..国外的用cdnjs...

Answer 3

www.tinypng.com
不谢

Answer 4

应该要在图片上传的时候生成相应的缩略图，然后手机访问的时候先给缩略图，在用户点开图片时再给大图

Answer 5

这个应该是服务端的事情。 直接用js压缩上传的文件这个我不清楚。
在服务端的话， 可以在接受发送过来的post请求的时候， 执行压缩图片的任务流， 把上传的图片都压缩了。 然后后续的访问就直接下载压缩后的图片。
除了压缩图片， 在web端还有一些加速网站启动速度的技术。 比如CSS sprite, lazyload.合并压缩js和css代码。

Answer 6

一般公式都会有图片存储平台吧，前台传递的图片，后台处理后会保存几种像素大小的。

Answer 7

Try this library: https://code.google.com/p/thumbnailator/

Answer 8

可以用光影魔术手，简单快捷批量操作

Answer 9

如果没什么开发能力的话，建议用又拍or七牛云存储就可以了，它们都自带了缩略图功能
上传图片以后，前端用后缀直接调用缩略图就行了，简单方便，不需要技术含量

顺带就是他们的流入流量都是不计费的，不过存储空间计费

Answer 10

我知道有个很强大的工具 ImageMagick。