1、通常图片以JPG图片居多,JPG格式的图片较小,图片也比较柔和
不过特殊情况就要用特殊格式的图片了
2、图片为动画形式,则可以使用GIF动画格式,存成JPG图片就不会动了
3、图片为透明或半透明格式,则建议使用24位PNG格式图片,兼容性更好,边缘也显示得更好。
二、企业网站图片的尺寸大小:
选择适当的图片宽度尺寸(即响应式图片)
不管是pc还是移动端,都会有很多不同尺寸的图片,如果你做的是响应式网站和移动端的话,那么你就更需要考虑图片尺寸的选择问题了
移动端的屏幕分辨率和尺寸太多,所以就可能需要不同的尺寸加载不同尺寸的图片,这样就节省了网站的访问流量,以及页面渲染的效率
先展示现在设备的分辨率等的图




三、减少HTTP的图片请求,使得企业网站访问速度加快
一种网页图片应用处理方式,将一个页面涉及到的所有零星图片或者图标都包含到一张大图里面,这样就只需要加载这个一个图片,而不是很多个图片了,这样就减少了很多http的请求
如何制作精灵图?
自己通过ps制作,或者UI设计师制作的过程中,做好这个精灵图,注意图片直接的间隔,以防css操作的时候出现显示的问题
怎么使用精灵图?
利用CSS的background-image,background-repeat,background-position的组合进行背景定位,background-position可以用数字精确的定位出背景图片的位置