zoukankan      html  css  js  c++  java
  • WEB前端开发中的图片压缩

    web前端开发中,图片的重要性不言而喻,而由于一些图片的大小加上现在国内的网速不给力等种种原因,我们非常有必要对网站使用的图片进行压缩,压缩图片必然会带来图片质量的损失,我们要尽可能的在质量降低很小的情况下压缩图片,以便让网站更快的加载,提高用户体验度。

    我在工作中,压缩图片用到了三个方法,分享给大家:

    一、使用windows自带的画图工具

    1、使用画图工具打开想要压缩的图片;2、什么都不用做,直接另存为你想要的图片格式,你会发现它比源文件小了很多,而且质量看不出来损失。

    这个方法简单,快捷,压缩效果还算理想,所以我很推荐,但是如果图片太多的话不是太推荐。

    二、使用TinyPNG工具

    TinyPNG是一个知名的在线压缩图片的网站,可以压缩PNG和JPG格式的图片,可以同时上传20张图片,每张最大不能超过5M,这个工具压缩的效果很理想,尤其对于PNG格式的图片。

    地址:https://tinypng.com/

    三、使用腾讯的智图

    腾讯的智图也是一个在线压缩图片的网站,效果测试了一下,还算可以,它还可以导出一种webp格式的图片。

    大家可以综合一下使用以上三个方法来压缩图片,我通常的做法是使用第一种方法,如果效果还不太满意,再使用第二种方法。

  • 相关阅读:
    实现JavaScript自定义函数的整合、链式调用及类的封装
    jQuery事件
    jQuery特效
    jQuery基础细节
    CSS3盒模型
    主流清浮动方法
    JavaScript 执行环境及作用域
    JavaScript 参数传递与变量复制
    PHP雪花背景验证码
    Linkis 0.9.2 版本发布
  • 原文地址:https://www.cnblogs.com/libaoli/p/5141457.html
Copyright © 2011-2022 走看看