恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
图片压缩不求人,3个亲测实用高效的图片压缩神器
0.0°
2019-05-22 原创文章 教程 举报 13457 174 62 6

身为一名设计师,经常和前端开发小伙伴打交道。切完图之后,考虑到包的大小和页面加载速度等问题,特别是背景图,banner类型图片,一般都会压缩一下。安装包越小,老板越开心有木有。


如果你是运营汪,当你提交信息资料审核时,结果提示你图片大小超过了限定大小,那么你的内心肯定是万马奔腾,然后屁颠屁颠的跑到UI小妹那,帮忙压缩一下图片,如果UI正在焦头烂额的作图,那么,你惨了,然后一脸的不屑,丢给你三个字,“我没时间”……


所以今天严哥本着让老板开心,让你提高工作效率,且不再看脸色的遵旨和精神,推荐3个图片压缩神器,让你今后图片压缩不再求人



 1、TinyPNG    


STEP 1 上传图片


打开 TinyPNG 网站后,直接把要压缩优化的图片图片拖曳进来,或点击虚线框区域选择你要压缩的图片。(一次性可批量压缩最多20张不超过5M的JPG或者PNG图片,自打把这个网站介绍给前端同事之后,现在他都离不开它了。)


Image title

 

STEP 2 压缩图片


图片上传的同时,就会自动进行压缩处理,需要注意的是压缩后的图片会变成PNG格式。


压缩后会显示原始图片大小及压缩后图片大小和压缩率,比原本的图片来得更小,画质几乎没有影响


Image title


STEP 3 图片下载


当上传的所有图片,压缩进度100%,转态为绿色时,压缩已经成功。(当压缩出错会变为红色,且提示错误)


Image title


完成后,你可以点击后方「 download」对图片进行下载,如果图片较多,则可以点击压缩框下方的「 Download all 」按钮,进行全部下载,会将所有图片生成一个.ZIP压缩包,就ok了


Image title


优点:


①无损压缩,保证了图片质量

②支持多文件同时压缩,JPG/PNG均可同时存在

③免费使用


 缺点:  


①目前只能压缩JPG和PNG文件

②一次最多不超过20个文件,每张图片大小不超过5M



 2、Jpeg.io  


STEP 1


打开 Jpeg.io 网站后,直接把要压缩或转换的文件拖曳进来,或点选下方链结快速从你的云端硬盘批次汇入图片。目前没有限次单次压缩文件的图片数量和大哥文件大小限制,支持图片格式也相当丰富,几乎任何图片都能透过 Jpeg.io 来进行压缩处理。


Image title

 

STEP 2


将图片导入 Jpeg.io 后,就会开始进行转换和压缩处理,比较特别的是优化后的图片都会一律变成 JPG 格式,如果没有特定格式要求其实没有关系。


压缩处理后会显示原始图片大小及压缩后文件大小,通常会比原本的图片来得更精简,画质几乎没有影响,点选后方的 「Download File」 即可下载压缩后的文件。


Image title

 

STEP 3


将鼠标光标移动到下载链接上方,还会出现图片预览,不过这么小张好像也无法看到什么,如果图片较多,可直接点选右下角「Download All Converted Files」将所有文件打包成Zip文件全部下载。(U妹曾一次性压缩过136张图片,和41.5M PSD源文件,确实很给力)


Image title

Image title

 

优点:


①在保证图像质量的前提下压缩率达40%-70%

②支持多文件、多文件格式同时压缩,JPG、PNG、GIF、PSD、SVG等等文件格式

③无大小、无文件数量上线限制


缺点:  


①所有文件压缩后格式为JPG

②文件名是中文情况下,更改了原先的文件名,新文件名为__.jpg



 3、Imagify  


Imagify 是一个 WordPress 外挂,可在用户上传图片时,利用远程服务器来进行图片压缩优化,是你想获得更小尺寸图片又不损失画质的好选择。


Imagify 除了外挂,也提供在线图片压缩功能, Imagify 有三种压缩模式调整(让你选择要压缩的程度以及是否破坏画质),免费帐户单张图片不超过 5 MB 限制,优化图片会保存一小时,你必须在删除前把图片手动下载下来。



STEP 1


打开 Imagify 网站,选择上方的「TRY FOR FREE」功能,会看到如下画面,简单介绍一下如何使用,很简单,只要在左侧选择你要的压缩模式、输出设置(必须注册),然后把图片拖曳到右边框内,就能开始压缩。


Image title


STEP 2


Imagify 有三种压缩模式:Normal、Aggressive 和 Ultra,预设为 Aggressive。


Normal 为无损压缩,不会破坏原有图片的画质,但压缩程度有限;Aggressive 会对图片产生些许破坏,不过肉眼几乎看不出来,能让图片获得最好的压缩效果。Ultra 将压缩发挥到极致,让你有最小的图片容量,但会对图片造成损坏。


Image title

 如果没有特殊需求,通常使用预设 Aggressive 就ok了。


STEP 3


最后把图片拖曳到右边框内,Imagify 就会使用它们的算法来进行压缩处理。压缩后图片会出现在下方,同时显示原有图片大小、压缩大小、总压缩率。


Image title


点选图片最后面的「Download」或者点击绿色区域内的「Download All Optimized Files」将所有图片打包下载。


Image title


优点:


①可自定义压缩模式设置

②支持JPG、PNG、GIF图片格式


缺点:  


①更高级的使用需付费

②单张图片不得超过2M



总结


TinyPNG,经典图片压缩工具,不足之处就是有最多图片数和最大图片的限制,而Jpeg.io唯一不足就是所有输出格式都是JPG,其他方面都很优秀,再来看看Imagify,可以自定义压缩模式和设置,但想要更好的使用,就需要付费了,所以,严哥推荐大家可以将TinyPNG和Jpeg.io结合使用,具体就看自己如何选择了!

Image title




微信公众号:UI严选

更新:2019-05-22

收藏

174人已收藏

小小方方

微信公众号:UI严选

  • 94

    作品

  • 7241

    粉丝

  • 20

    关注

  • 动效落地,方案怎么选?
  • 告别手动!如何三分钟快速搞定AE动画,附插件安装包
  • 潮流、潮牌、手撕褶皱、抽象几何图形、潮流样机素材,请注意查收
  • AE避坑 | AE动效落地时常见问题解析和注意事项

    猜你喜欢

      2019-05-22 原创文章 教程 举报 13457 174 62 6

      图片压缩不求人,3个亲测实用高效的图片压缩神器

      0.0°

      你确定要举报图片压缩不求人,3个亲测实用高效的图片压缩神器

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年02月21日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      62
      174
      6

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录