当浏览器要访问一个带有几个<img>元素的网页时，浏览器是啥也没有，它先是从服务器获取这个HTML文件，在窗口显示出来，然后浏览器发现了这个文档有几个<img>元素，再从服务器把这几张图片去过来，显示出来。

图像的格式共有三种：JPEG,PNG,GIF

JPEG:不支持透明性，图像有压缩，图像更小，像素有损，同时加载时更快

PNG：无损，支持透明性，所以被图像覆盖的区域的东西会被看到。

GIF：无损，支持透明性，支持animation

图像在网页的位置，就是<img>元素的位置。

src属性：图像URL地址。alt属性：当图像加载不出来，alt属性的内容会出现原本图像的位置。可以用来告诉用户图像的内容。

你也可以用width和height属性来指定图像的大小。如果没有指定大小，浏览器会在图像显示出来之前，自动决定图像的大小。

因为浏览器是先把整张图片的数据从服务器获取过来，再根据情况调整图像的大小的,很多图像原始占的空间是很大的，所以最好先把图像剪裁成合适大小，再把图像用在网页上。而节省浏览器加载的时间。

一般情况，用户浏览器窗口大小在800-1200px间，图像的宽度要小于800px，logo的宽度在100-200px之间。