Web上最常用的三种图像格式
1.JPEG
1.适合色彩连续的图像，如照片
2 包含1600万种不同颜色
3. 有损格式
4. 不支持不透明度
5. 文件较小，高效显示
2.PNG
1.适合单色图像和线条构成的图像 logo...
2. PNG-8--256色
PNG-16--数千种颜色
PNG-24--数百万种颜色
3.无损格式
4. 支持透明, 且支持多种颜色设为透明，因此透明区的边缘是平滑的。
5.文件较大，取决于颜色数，可能比GIF小，也可能大。
3.GIF
1.适合单色图像和线条构成的图像
2. 最多256种颜色
3. 无损格式
4. 支持透明度, 不过只允许一种颜色设为透明
5. 支持动画
<img>
1. URL是图像的路径，所以最后的文件名总是一个图像的文件名，与默认的web页面不同，这里没有默认图像之说。
2. 可以通过copy image address/ link，复制页面的图像URL，或者open image in new window, 从地址栏找到URL, 还有通过view source，看相对路径，然后通过网站域名重新构造他的 URL。
3. 注意要用上alt属性！！！
4.alt属性，如果图像未能显示，就可以通过alt属性值显示。
5. 图像大小调节
1. 属性值 width height, 注意都是用像素值指定。不过最好不要用。
2. 一般经验是将图像的最大宽度设置为800px
3. 最好用PS或其他的图像处理软件，调整图像大小。
4. 如果直接使用width height 属性，仍然会下载完完整的大图像，再让浏览器调整图像大小，比较耗空间，耗时。
6.<img>是个内联元素，浏览器是不会在图像前后插入换行的。
使用缩略图
1. 调整图像大小，调小，另存为一个图像。
2. 再通过<a> 元素，使得单击缩略图时可以跳转到大图。
3. 注意是最好跳转到一个html页面，不是直接跳转到一个jpg。因为通常需要给所显示的图像一个上下文。
<a href="html/seattle_video_med.html"> <img src="thumbnails/seattle_video_med.jpg" alt="my video ipod in seattle" > </a>
LOGO
1. Matte（蒙版）选项。会根据背景颜色柔化文本边缘。注意要自己选择背景颜色。
2. anti-aliasing（反锯齿）处理，可以相对背景色柔化边缘，但是放在有色彩的背景就会看到白色边缘，所以此时要结合Matte使用。