web前端开发技术课堂笔记06——常用图片格式和插入方法

常用的图像格式

图片一定要放在项目文件的img文件夹下

图片格式的选择原则：在保证成像质量的情况下，文件大小越小越好。

1. GIF格式：唯一支持动画，是一种无损的图像格式，也支持透明。
2. PNG格式：支持透明背景。
3. JPG格式：和JPEG格式完全一样，颜色丰富。

最新的两种图像格式

1. SVG格式：同样的文件要毕JPEG和PNG格式小的多。
2. WEBP格式：可以使在图片文件更小时，拥有极高的图像质量。

插入图片的格式

1. 将图片保存到本地地址，在img文件中用

   <img src="img/1-1.png"/>
   

   2.使用svg代码插入图片

   直接粘贴到主页
   

   3.使用网址插入图片

   <img src="https://www.huawei.com/-/media/hcomponent-header/1.0.1.20260304161812/component/img/huawei_logo.png" />
   

alt—当图片不能正常显示时,替换的文字，方便爬虫去捕获页面信息。

title—鼠标悬停到图片上显示的文字。