33岁转职者的前端笔记-DAY 13 图片格式及影音格式

图片

网页上一定会有多许多图片元素我们在开发网站时需多了解图片的特性及格式，在开发的过程会更加顺利。

图片标签

• img 为在 HTML 中 插入图片的标签语法
• 写法为：<img src="图片路径" alt="图片名称">
• src 分为相对路径与绝对路径
• 绝对路径：直接从网页图片复制图片网址
• 相对路径：把图片把存到图片资料夹在抓取路径

图片格式

以下常见的图片格式有：

• jpg：解析度最小
• jpeg
• gif
• png：png8 png32 解析度最大
• apng
• spng
• svg：近几年较盛行, 不会被压缩失真
• webp：近两三年盛起google 推出来的，任何图片格式都可以转webp

影音标签格式

常见的影音格式如下：

• video
• audio
• source
• 格式：mp4 webm