您现在的位置是:首页 > 正文

浅谈前端性能优化(七)——图像优化

2024-02-01 05:15:51阅读 2

1、常用的图像类型

1) gif: 适用于动画效果。

2) jpg: 使用有损压缩,将图片的每个像素分解成8*8的栅格,然后对每个栅格的数据进行压缩处理,通过特殊的算法用附近的颜色填充栅格。用户可以设置质量级别,从0到100,数字越小,图片质量越差。

3) png:使用无损压缩,将图片出现的颜色进行索引,保留在调色板上,在显示图像时会调用调色板的颜色去填充相应位置。png又分为png8、png24和png32,png8表示支持2^8个种颜色,通常png8是最通用的web图片格式。

 

2、图像优化

1) jpg or png

对于颜色较多的图像,使用jpg更好,因为png可以选择使用调色板颜色更多的png24,得到的图片比jpg大。

对于颜色简单对比强烈的图像,使用png更好,因为png使用调色板颜色最少的png8就可以满足显示效果,且得到的图片相对较小,而jpg是有损的,在清晰的颜色过渡周围会有大色块,影响显示效果。

2) 将png24|32转化为png8

某些png24|32图片的颜色较为简单,将其转变为png8的显示效果类似,但能明显减小图片的大小。可以使用完全免费的工具pngGo来完成,且可根据需要设置png所需的调色板颜色数,得到最大的压缩效果。 

网站文章

  • 轻松通关Flink第06讲:Flink 集群安装部署和 HA 配置

    轻松通关Flink第06讲:Flink 集群安装部署和 HA 配置

    本课时我们讲解了 Flink 的三种部署模式和高可用配置,并且对这三种部署模式的适用场景进行了讲解。在生产上,我们最常用的方式当然是 Flink on Yarn,借助 Yarn 在资源管理上的绝对优势,确保集群和任务的稳定。

    2024-02-01 05:15:45
  • 谈谈hashCode()

    目录找到 hashCode()什么是nativehashCode() 与 equals()找到 hashCode()hashCode()定义在 JDK 的 Object.java 中,这就意味着 Ja...

    2024-02-01 05:15:40
  • springboot拦截请求路径_第六章:如何在SpringBoot项目中使用拦截器

    拦截器对使用SpringMvc、Struts的开发人员来说特别熟悉,因为你只要想去做好一个项目必然会用到它。拦截器在我们平时的项目中用处有很多,如:日志记录(我们后续章节会讲到)、用户登录状态拦截、安...

    2024-02-01 05:15:11
  • 线性求乘法逆元

    乘法逆元的线性求法

    2024-02-01 05:15:03
  • LeetCode15——三数之和(排序+双指针)

    题目描述 给你一个包含 n 个整数的数组 nums,判断 nums 中是否存在三个元素 a,b,c ,使得 a + b + c = 0 ?请你找出所有满足条件且不重复的三元组。 注意: 答案中不可以包...

    2024-02-01 05:14:57
  • 使用异步注解调用远程接口Spring Security认证授权不携带Token的问题

    同样项目中如果使用线程池调用远程接口,需要使用DelegatingSecurityContextExecutorService线程池。项目中开启异步注解@EnableAsync。项目中使用异步注解:@Async。

    2024-02-01 05:14:28
  • 腾讯三面面经(前端开发实习生)

    腾讯三面面经(前端开发实习生)我感觉是凉了orz…不管怎么样,菜鸡琳可千万不能气馁啊!!!just do it. 踏实努力学就好了!!总的来说还是很有收获的!流程:腾讯会议视频面(并没有开视频hhh)问题在浏览器输入网址之后有哪些过程,浏览器限制URL长度为多少IE:2083个字符;Firefox:65,536个字符;Safari: 80,000个字符;Opera: 190,...

    2024-02-01 05:14:22
  • 【PTA】5-7 使用同步机制协调线程的执行顺序

    【PTA】5-7 使用同步机制协调线程的执行顺序

    的计算,利用 Java 的同步机制,可以保证线程执行顺序的正确性。下面程序采用多个线程对整数执行。

    2024-02-01 05:14:06
  • ftp作业

    ftp作业

     a) 域的图:b) 你的用户的目录访问权限:c) 你用浏览器或其他软件访问FTP后的结果:

    2024-02-01 05:13:59
  • Linux 常用命令汇总(详细版)

    Linux 常用命令汇总(详细版)

    Linux 的文件系统是采用层级式的树状目录结构,在此结构中的最上层是根目录“/”,然后再次目录下再创建其他的目录。目录结构:以下是对这些目录的解释:less:可以按键盘上下方向键显示上下内容more...

    2024-02-01 05:13:30