图片输出相关知识节点.pptx

图片输出相关知识节点 图片输出演示 一条原则、两种格式、三类输出三个基础知识一条原则：代码优先能用代码实现尽量避免用图，如单色色值、渐变、文字、分割线等三类输出：平铺图片、普通图片、零散图标平铺图片：切单位大小普通图片：优化输出主要是一些矩形图片，一般体积较大，需要根据情况进行优化，减小体积；部分大图可能还要切成几块。零散图标：集中放将一些零散的小图片放在同一张图片时在，再用css定位显示，可以提高页面的加载速度，提高客户体验度。两种格式：jpg、png24Jpg可以对图片进行很好的压缩，有利于网络图片传输。Png带透明、半透明效果必须保存为这种格式。图片输出演示平铺图片零散图标普通图片一条原则两种格式三类输出一条原则：代码优先，能用代码实现尽量避免用图，如单色色值、渐变、文字、分割线等