站长统计
上传图⽚不清晰，这个有⽤的⽅法⼀定要记住！
在后台上传图⽚，我们上传的图⽚⽆法完美适配不同型号的⼿机，也⽆法完全规避压缩原则，不知道的压缩算法，我们怎样做才能最⼤程度有效保持图⽚质量？
⽅法：
能⽤ png 就⽤ png
静图图⽚原始尺⼨宽度保持为1080 px，以免被压缩
还有其他建议和原理，继续往下看 ↓↓↓
图⽚上传要求
图⽚格式：bmp、png、jpeg、jpg、gif格式
图⽚格式
图⽚⼤⼩：任意单张图⽚必须⼩于 5M，其中 gif ⼩于 2M
图⽚⼤⼩
从本地上传图⽚到后台都会被压缩，此前官⽅的图⽚规则建议是
⼤图⽚建议尺⼨：900 * 500像素，但上传后图⽚会⾃动压缩为宽 640 像素。
好看的女装品牌
此种说法⽬前已经不成⽴，图⽚并不会⾃动压缩到 640 像素，可⾃⾏验证。
其实在 PC 端和⼿机端查看图⽚，如果所有图⽚分辨率都超过阅读区域的分辨率，⽐如⼤于⼿机屏幕分辨率的图⽚，所有图⽚都会以相同⼤⼩显⽰，即使原本图⽚分辨率像素不⼀样。
所以顺着这个思路想，我们可不可以通过调整图⽚分辨率或者改变图⽚格式，来达到最佳的压缩效果？
调整图⽚分辨率
我们从常⽤的 jpg、png、gif 这三种图⽚来分析，经过多次反复测试，终于发现了图⽚在后台压缩的规律。可以在PC端浏览器审查元素。
简书会对图⽚进⾏再次压缩，很多图⽚⾊彩上的差别⽆法凭借⾁眼分辨，区别明显的清晰度还是可以对⽐看出的，根据下⾯测试得到的结
由于简书会对图⽚进⾏再次压缩
论，具体情况⾃⼰试验哦！
jpg图⽚压缩：
jpg 宽度像素 ≤ 1080，图⽚不被压缩
jpg 宽度像素 ＞1080，图⽚被压缩成 1080 png图⽚压缩：
窗口售票提前几天png 和 jpg 图⽚压缩相同
png宽度像素 ≤ 1080，图⽚不被压缩
png宽度像素 ＞1080，图⽚被压缩成 1080 gif图⽚压缩：
gif 帧数＞60，图⽚不被压缩
gif 帧数≤ 60时，
图⽚宽度像素 ＞ 640，图⽚被压缩成 640图⽚宽度像素 ≤ 640，图⽚不被压缩
gif 帧数＝1帧，1帧的 gif 图⽚相当于静图输出为 gif 格式
宽度像素 ≤ 1080，图⽚不被压缩
千古玦尘每个人物最后结局宽度像素 ＞1080，图⽚被压缩成 1080
调整图⽚格式
根据上⾯得出的图⽚分辨率结果，发现在⼩于等于1080 px的范围内，图⽚尺⼨越⼤，图⽚越清晰，⽽宽度⼤于1080 px的图⽚容易被压缩，所尽量输出宽度为1080px的图⽚，不同格式的图⽚适合不同类型的图⽚场景。
以我们在插⼊图⽚时尽量输出宽度为1080px的图⽚
图⽚⼤⼩
图⽚⼤⼩：
png > gif > jpg （正常情况下）
图⽚透明度效果：
png > gif > jpg（不⽀持）
⾊彩丰富程度：
表面兄弟五五开jpg > png（png-24>png-8）> gif
图⽚清晰度：
png > gif > jpg
我们同样可以做试验，选择相同尺⼨的图⽚，输出不同格式，看看哪种效果更好。
通过对⽐发现，每组图⽚的差异都不太明显，⾁眼只能看出细微的差别。
其中 jpg 图⽚被压缩得最厉害，png 质量最好，⾊彩简单的图⽚，输出 png-8格式，⾊彩丰富的摄影图和⾊彩鲜明的设计图，输出 png-
王艳的老公⾊彩简单的图⽚，输出 png-8格式，⾊彩丰富的摄影图和⾊彩鲜明的设计图，输出 png-24格式。
24格式
改变图⽚格式的⽅法：打开photoshop→点击左上⾓【⽂件】→【导出】按钮选择存储为 Web 所有格式→最后点击存储
举例截图：
jpg格式
png格式
gif格式
碧草青青花盛开仔细看红⾊部分，jpg 图⽚被压缩得最模糊，png 和 gif 图⽚质量保存相对要好⼀些。插画：
同⼀张图⽚只有在⼿机上放⼤查看才能发现不同的压缩情况
原图
jpg格式
发布评论