第五章 给你的网页添加图像 认识媒体

1、网站中常用的只有两种：JPEG和GIF，区别：照片和复杂图像使用JPEG格式；纯色图像，logo和几何图形使用GIF格式。

2、使用<img>元素在网页中添加图像。

3、浏览器对待<img>元素不同于其他HTML元素，在读完HTML页面后，浏览器从网络服务器上接收每张图像并显示。

4、如果你网页上有许多大图像，你要创建缩略图来使你的网页更具实用性并更快地下载。用户通过点击小图像来看大版本的图像。

5、<img>元素是个内联元素，意味着浏览器不会在图像关边或者后边插入换行。

6、src属性用来指定图像文件的位置，你可以在src属性中使用相对路径从你的网站上得到图像，或者用URL从别的网站获得图像。

7、<img>元素中的alt属性是对图像意义的描述。如果图像找不到，它会在某些浏览器中显示，并被屏幕读取器用于为视觉有障碍的用户描述图像。

8、宽度小于800像素是网页图像显示的优秀方案。大多数照片是用来数码相机拍摄的，对网页来说它们太大，你必须调整它们的大小。

9、Photoshop Elements 是众多的图像编辑软件中可以用来调整图像的大小的一种。

10、对浏览器来说图像太大会让网页难以使用，下载和显示变慢。

11、一个像素是屏幕能显示的最小点。每个图像都是由数以千计的像素组成的。视你的显视器而定，可以从72像素/英寸~120像素/英寸不等。

12、JPEG和GIF是网络浏览器广泛接受的两种图像格式。

13、JPEG格式最适用于照片和其他复杂图像。

14、GIF格式最适用于照片和其他复杂图像。

15、JPEG图像可以用多种质量等级压缩，你可以根据需要选择质量和文件大小的平衡。

16、GIF图像格式允许你创建一个带透明背景的图像。如果你把一个带透明背景的图像放到网页上，在图像背后的部分如页面的背景颜色，会穿透图像的透明部分显示。

17、在photoshop elements 中，在“保存为WEB所有格式”对话框中使用蒙版颜色菜单，选择正确颜色来柔化透明GIF图像的边缘。

18、图像可以你链接一样链接到其他网页。使用<img>元素作为<a>元素的内容，把链接放到<a>元素的内容，把链接放到<a>元素中的href属性来创建图像链接。