HTML中的图片

HTML 中的图片

< img src=””>

图片的三种格式

JPG

1. JPG 适合照片，包含一千六百多种颜色，这是一种有损格式，因为照片缩小时会丢掉图像的一些信息
2. 不支持透明度
3. 文件比较小
4. 不支持动画

PNG

1. PNG 支持上百种颜色，的图像。PNG 有三种：<blockquote>

PNG-8,PNG-24,PNG-32
</blockquote> <p> 取决于你需要表示多少种颜色。</p>

1. 这是一种无损格式
2. 允许将颜色设置为“透明”，使图像下面的东西显示出来
3. PNG 文件的大小取决于颜色的多少

GIF

1. gif 图支持 256 种颜色
2. 是一种“无损”格式
3. 也可以设置透明度，但是只支持将一种颜色设置为“透明”
4. GIF 文件一般比 JPEG 文件大
5. 支持动画——三种格式里唯一支持动画的

总结：
gif,png 适合做小文本和 logo 图，JPEG 适合照片
**

< img src=”” alt=”” width=”” height=””>

其中 src 表示图片地址，alt 表示图片未被加载时显示的替代文字,width 表示图片宽度，htight 表示图片高度

最好不要用 width 和 height 控制图片大小，因为这样在获取网页资源的时候还是要加载原来的图片的，建议用 ps 调下分辨率再加载进去

如果想要将图片设置为跳转则在 img 标签嵌套在 a 标签内就可以了
**

#### 蒙版

蒙版即根据背景颜色柔滑文本边缘的一种效果, 一般用于透明背景图片

**
如果把一个透明呢的图片放在 web 页面中，则要确定这个图像的蒙版颜色与 web 页面的背景色一致。
透明图像可以使用 PNG 或 GIF 格式