对于图片较多的页面来说,图片的大小对于页面加载速度的影响,还是十分明显的。所以在项目上线之前,尽量将图片压缩一下。免费又好用的网站安利一波。

直接上网址:

https://tinypng.com/

TinyPNG 是一款线上图片压缩工具,采用智慧型无损压缩技术来降低 PNG 图片大小,而这个方法可以透过降低图片中的色彩数量,来减少存储图片所需的空间,这样做法能够大幅度降低图片的大小,但又不会造成图片过度损坏,像素降低等等,至少从肉眼上看不出差别,且能够保存 PNG 的 alpha 透明度特性。

https://imagecompressor.com/zh/

Optimizilla 和 TinyPNG 差不多,一次可以批量压缩最多 20 张 JPG 或 PNG 图片,压缩完后还可以打包下载,使用最佳优化和压缩算法来达到最小尺寸的JPEG 和 PNG图 像,同时保证最佳质量与尺寸比。

https://www.onlineimagetool.com/zh/

没有使用数量、图片大小限制,完全免费。我觉得比较有意思的一点是,压缩后的图片再压缩竟然会增加图片大小,姑且认为是优化画质吧。单次无个数限制,算是优势。

https://jpgmin.cn/

无需上传服务器,本地压缩,无大小,数量限制,支持JPG、PNG压缩,PNG支持良好,可自定义压缩参数。

有需要的朋友可以都试一下,选出自己喜欢的一个就够了。这4个是我对比其他网站觉得更好用的,希望对你有所帮助。

【前端优化】在线图片压缩有这4个网站就够了(免费又好用)相关推荐

  1. 浅谈性能优化之图片压缩、加载和格式选择

    原文链接:浅谈性能优化之图片压缩.加载和格式选择 在认识图片优化前,我们先了解下 [二进制位数]与[色彩呈现]的关系. 二进制位数与色彩 在计算机中,一般用二进制数来表示像素.在不同的图片格式中,像素 ...

  2. 在线图片压缩免费的网站推荐

    最近我自己在网上找免费的图片压缩软件,找了半天发现很多要不是要会员,要不就是要钱,要不就是有水印. 好不容易找了一个软件的在线图片压缩网站,就一起分享给大家吧. 网址: http://www.6606 ...

  3. 一个极致优秀的在线图片压缩网站☞TinyPNG

    一个极致优秀的在线图片压缩网站☞TinyPNG 有没有觉得这个小熊猫很可爱,它可是我们的国宝啊!从认识它的那一天开始,我就已经离不开它了.TinyPNG能够对png和jpg格式的图片进行压缩,压缩后的 ...

  4. web 前端图片优化之--图片压缩上传

    移动前端-图片压缩上传实践  此前有同事跟我聊过关于移动端用canvas压缩图片后再上传的功能,最近有了点空闲时间,所以就实践了一下.demo效果链接在文章底部贴出. 在做移动端图片上传的时候,用户传 ...

  5. 【Unity编辑器扩展】包体优化神器,图片压缩,批量生成图集/图集变体,动画压缩

    功能介绍: 1. 压缩工具支持对图片原文件压缩(支持png/jpg),也支持使用Unity内置图片压缩批量对图片设置压缩参数. 2. 支持以文件夹或及其子文件夹为单位批量生成图集(SpriteAtla ...

  6. Android性能优化之图片压缩优化

    1 分类 Android图片压缩结合多种压缩方式,常用的有尺寸压缩.质量压缩.采样率压缩以及通过JNI调用libjpeg库来进行压缩. 参考此方法:Android-BitherCompress 备注: ...

  7. 【web前端优化之图片模糊到清晰】看我QQ空间如何显示相片

    此篇文章估计不会太长,有移除首页的风险,但是老夫(称老夫是因为我们真正的叶小钗其实都100多岁啦)是不会怕滴.所以,我来了哟! 题外话:今天我们一起还看了一道前端的面试题,而后我本来还想多找几道来做做 ...

  8. 前端实现GIF图片压缩上传

    前言 最近接到上级通知,文件如下: 奉天承运,公司诏曰:介于前端组表现优异,后端组忙里偷不出闲,GIF压缩这一块特赐予前端组. 钦此, 不一会后端群众就送来了亲切的问候,千万个草泥马在我的心中奔跑 吃 ...

  9. 怎样改变照片大小?免费在线图片压缩方法

    平时我们经常会遇到一些线上申请资料需要上传证件照,一般我们会通过一些手机软件制作并下载适合规格的照片,但除了尺寸要求外,还会限制图片大小.如何才能既不改变图片原来的尺寸仅仅将照片压缩到100KB以下呢 ...

  10. 图片太大怎么办?压缩图帮你几秒搞定在线图片压缩

    说到图片压缩(https://www.yasuotu.com/),对于经常使用图片的小伙伴们来说一定都不陌生,大家在使用图片的时候难免会遇到图片大小超过限制没法使用的情况,对于一些超过限制不多的图片, ...

最新文章

  1. python基本语法总结-Python基本语法总结(二)
  2. 奇虎360:说爱你不容易的“母婴平台”故事
  3. 【图神经网络】万物皆可Graph | 当推荐系统遇上图神经网络
  4. JavaScript实现ShellSort希尔排序算法(附完整源码)
  5. kafka rebalance 部分分区没有owner
  6. python写sql语句_Python操作文件模拟SQL语句功能
  7. vue子组件向父组件传递数据
  8. CopyOnWriteArrayList原理
  9. git 设置和取消代理
  10. 计算机系统安装操作,电脑安装操作系统的3种方法,好好看看,以后装系统你说了算!...
  11. 大漠插件最新版7.2107
  12. 计算机网络知识点总结
  13. 安卓 运行 linux 桌面,安卓上运行原生Xorg和Linux桌面记录[完结]
  14. SRAM与DRAM的区别
  15. Virtual Private Network(虚拟专用网络)详解
  16. ubuntu18.04设置双显示器-HDMI
  17. php redis 防超卖,redis防止抢购商品超卖
  18. 百度联合哈尔滨发布城市大模型“冰城-百度·文心”, 助力城市智能化建设
  19. win7家庭版计算机管理没有本地用户和组,Win7找不到本地用户和组选项的解决方法...
  20. MAX9286+MAX96705高级辅助驾驶系统ADAS方案

热门文章

  1. 霍夫斯特拉大学计算机科学专业排名,霍夫斯特拉大学专业排名一览(含历年专业排名信息,USNEWS美国大学排名版)...
  2. 网页打开5秒后弹出广告窗口
  3. 怎么把两个PDF合并成一个?建议收藏这些合并的方法
  4. Windows10怎么样添加并设置为卓越性能模式
  5. 带你Dart带你Diao之重要概念
  6. android热补丁总结
  7. 浅析图的邻接矩阵进行平方运算的含义
  8. 台式计算机如何上无线网络,台式机如何无线上网
  9. win10 计算机网络密码,详细教你Win10怎么查看无线网络密码
  10. Go语言反射规则 - The Laws of Reflection