UI或前端对.png与.jpg的取舍？

Question

我对.png与.jpg的一点理解：

1、.jpg，有损压缩，压缩同时保留生动图像
2、.png，不具有压缩，保持高清

结合小米官网的一点学习：大图保存.jpg，小图保存.png

理解：为何如此做法？

• 既然图大，就用压压缩的格式，减少文件大小，获取更好的用户体验；
• 图小，再怎么压缩也减少不了多少，还不如成人之美，还其高清效果

却有一事不解：图片转化格式，直接改改后缀即可。同张图片，两种格式，一无大小区别，二无清晰改变，这有为何？

Answer 1

1. 颜色复杂JPEG，矢量风格PNG24，矢量风格不带过渡效果PNG8
2. 通用压缩考虑如果可以手动的话TinyPNG，工具流方案的话找个能用的就行了
3. JPEG在不影响画质的情况下可以适当降低质量参数，但切记Ps输出时不可降到50%以下
4. JPEG在多次编码压缩（二压甚至三压）的情况下，100%会糊。一个比较明显的栗子，是截图后用文件输出到Ps再保存为JPEG，由于一般截图软件保存的默认格式多半是JPEG，所以此处明显是二次压缩，出来的画质损失不可逆。
5. PNG8可以支持Alpha透明，但需要编码/压缩软件的支持（比如limitPNG），像Ps直接输出的就没法支持
6. 如果Ps版本支持导出功能的，尽量用导出来输出，会比Web格式输出挤出更多水但是，再用TinyPNG还可以再挤出水来
7. TinyPNG是有损压缩。虽然算法优化过肉眼无法辨识，但还是有损压缩。

Answer 2

·······表示很无奈，png中是带有Alpha通道的而jpeg是没有的，你光改后缀对图片数据本质并没有修改，当然体积不变...你如果想体验他们的区别，在ps导入一张png图片，分别保存为jpeg和png你就会发现，jpeg会默认加背景色的