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

Question

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

Answer 1

推荐一个在线的工具：http://www.mmtrix.com/opt/imgopt

Answer 2

http://segmentfault.com/blog/wtser/1190000000359160
使用Mobify.js让你的图片自动响应化

Answer 3

压缩图片从前端这边，知道的有两种方法：

1. 针对于上传图片的：http://segmentfault.com/q/1010000002550047/a-1020000002550069
   现在新出来了一个版本： localResizeIMG3

2. 针对于项目里使用到的图片的：
   通过grunt发布程序时自动运行一个任务去压缩图片，这种方法是一直在用的
   详细内容见：grunt-contrib-imagemin
   需要你根据介绍配置到你自己的项目里面

Answer 4

就题主的需求而言，使用Nginx的HttpImageFilterModule是再适合不过的了。
网上有很多不错的经验谈。

注意到题主加的标签里有java，我这里正好有相关的实现，用的是:

<dependency>
    <groupId>net.coobird</groupId>
    <artifactId>thumbnailator</artifactId>
    <version>0.4.8</version>
</dependency>

sample:

Thumbnails.of(inputStream).size(150, 150).keepAspectRatio(false).outputQuality(1.0d).toFile(new File(path));

当然，自己写兴许会更好一些，但我自己尝试后出现了效果、效率、CMYK等问题。

Answer 5

七牛 客户端直传 比较快。 3M左右的都可以在客户端直接上传服务器！