Skip to content

GitLab

Closed
Created by JayChen@JayChenOwner

图片压缩方法

概况

前景：前台页面图片普遍较大，未压缩的图片严重影响用户体验，用户需要耗费过长的时间去加载图片
图片使用情况：推荐使用2X图片，进行压缩后再使用

macOS

lossless phote squeezer 压缩能力强，推荐 1

有三种压缩方式    将图片批量拖入对应压缩方式即可

     1、JPG/PNG/GIF   完全无损压缩

     2、JPNG      微损压缩

     3、PNG        png-8压缩方式

移动端
   1、png压缩，在移动端大于等于375像素宽度的图片，使用PNG压缩
   2、jpg压缩，在移动端大于等于750像素的图片，使用JPEG压缩，力度比windows下的tingpng压缩要强大数十倍
   3、jpg压缩，在移动端小于等于375像素图片使用JPG/PNG/GIF压缩

   4、gif使用JPG/PNG/GIF压缩

PC端压缩
   1、png使用PNG压缩
   2、jpeg使用JPG/PNG/GIF压缩
   3、gif使用JPG/PNG/GIF压缩

png图片压缩力度

2

jpg图片压缩力度

3

点击Export all

4

cancel：取消

Replace the original files ：直接把压缩后的图片覆盖掉原图

Export to new files ： 把压缩的图片保存到新的地址

windows系统

https://tinypng.com/ 只能压缩png和jpg 5 将图片统一拖进去压缩，完成后在下载

上图是在lossless phote squeezer中同样的2张png和jpeg图片的压缩情况

Edited by JayChen