在html静态网页中,如何提高图片的加载速度,如何压缩图片？
运维层面的优化：尽可能的将html，js，css部署到cbn服务器上。开启etag或者过期时间，以便浏览器端尽可能的使用缓存开启http的gzip压缩开启http/2开启HSTS以便让上一条总是生效开启 http concat静态资源使用不同的域名，以便减少cookie体积。web前端开发层面的优化：代码丑化（压缩）图片矢量化，比如icon font，svg等js和css的http请求合并。（注意开启了http/2的时候，不要滥用，让浏览器充分发挥它的缓存特性）雪碧图(精灵)调整加载顺序，先html，后css，最后js使用服务器端预渲染技术。图片懒加载。内容分页加载或懒加载。最后四条优化的是用户感知层面上的速度，其中最后三条甚至会增加网络传输的总数据量，但会让用户觉得反而速度快了。
如何在网页中加入矢量图？
不可以，网页编辑是不支持AI矢量图的，主流的用于网页的图像格式有JPG，PNG，GIF等。
JPG：压缩率高，文件小，最常用。
PNG：支持无损压缩，色彩损失小，保真度高，文件稍大。
GIF：支持动画显示，但只支持256色显示，目前已经被FLASH大量取代。
下面介绍如何在网页中加入图片；
一种 是代码格式，。
下面是两个绝对路径的图片地址
mapgis如何自动矢量化？
对于很清晰的图件而且文字较少图件，自动矢量化后才能用，一般是采用交互式矢量化，若要自动矢量化，需要采用图像分析功能对图件进行细化后，即可自动矢量化。
前端开发。页面静态化、页面动态化都是啥？
网页都是静态的，为了能够实时更新数据，需要动态的查询数据，这是动态化；但是需要将动态查询的数据显示到静态的页面上，便是页面静态化；比如我用php动态的查询数据和更新数据，需要用Apache转化成静态的页面html在浏览器里显示