HTML-图片的格式

  常见的图片格式有:jpg,gif,png,还有两个也说下:webp,base64

  jpg特别常见,很明显的特点是:不支持透明效果,给大家看下图片就知道了

 

  png也很常见,个人认为比jpg好的一点就是支持透明效果,然后其他颜色丰富之类的都差不多

 之后就是gif:支持动图,但支持的颜色比较单一

 然后说下webp,是谷歌推出的一个图片格式,包含上面图片格式的所有图片,几乎完美和通用的图片格式,不过相信很多人是很少看到webp格式,因为有一个致命的缺点:兼容性差。在一些浏览器识别不了webp图片,而在国内兼容性这块的要求有时候挺高的,如此一来,兼容性的考虑,不是很多项目的图片采用此格式了

 最后是base64格式的图片,这个存在的形式和上述格式完全不一样;上述图片格式还是以文件的形式保存;而base64图片是经过base64编码后生成的一串字符串。

 其他图片格式是有路径的概念的,要下载一个图片,在我们概念里是得明确他的保存路径,但base64图片就很不一样,没有保存路径;单独一串字符串,在img的src可直接引用的

 base64图片还是很少用的,很多是图片的保存都会有相应文件服务器;除非网站的要求图片立即加载才会用到,然后在数据库里搞一个字段来保存图片base64后的编码字符串,基本都是这样做的

 

 

posted @ 2021-10-17 12:28  爱编程DE文兄  阅读(865)  评论(0编辑  收藏  举报