<img>

有关<img>使用：

• <img>既是inline元素，不会在前面或后面插入换行；如果html中有多个图像，浏览器窗口足够宽时，浏览器会把它们并排放着。
• <img><也是一个void元素，不需要</img>结尾       
•  一定要提供候选格式，利用<img alt="输入描述图片的文本"> 若图像由于各种原因失效，浏览器会显示alt属性。                                             （亲测 猎豹，ie浏览器均有效，chrome失效）
• 调整大小 width="数值"  height="数值"  （了解什么是像素） 一般浏览器宽度设置在800-1280像素之间，所以一般情况下图像最大宽度设置为800像素。问题来了--像素数与图像大小是什么关系？一般经验是每英寸96像素.我们习惯使用标准的72像素/英寸(ppi)pixels per inch.为对应现代显示器，CSS像素概念被创造出来，1英寸的1/96（96ppi）像素计算公式如图
• ps:人眼所能看到的极限300ppi.
• 一般图像设置多大？一般图像宽度要小于800像素，logo宽度100-200.当然也要视情况而定。小缩略图页面允许用户快速加载。
• 有些浏览器会自动调整图片大小，但不要依赖浏览器的这种特性。因为这会使服务器和浏览器之间不必要地传输更多数据，导致页面加载慢。越来越多人在移动设备上查看Web页面，图像太大会影响这些设备上的数据使用。

More than a just a 图像：

• 不同图像格式分别有什么作用 JPEG一般比同质量的PNG,GIF占用空间小，但PNG,GIF logo效果好于JPEG，占用空间也更小。
• 如何在 GIF，PNG间选择  PNG压缩更优，对颜色数相同的图像（最多256色）PNG文件更小。
• GIF是唯一支持动画并得到广泛支持的格式。
• GIF或PNG最适合保存logo和其他包含单色、线条或文本的简单图形。
• GIF和PNG两种格式允许建立一个有透明背景的图像。PNG提供比GIF（只支持256种颜色）更好的透明度控制。
• PNG有3种大小选择：PNG-24(支持数百万种颜色)；PNG-16(支持数千种颜色)；PNG-8(支持数256种颜色)
• GIF和PNG是无损格式，文件一般比JPEG大。 
• JPEG可按不同质量压缩。

一般判别：

• 有大量连续颜色--JPEG
• 有大量颜色--JPEG,PNG
• 简单的黑白图标--PNG,GIF
• 几何图形--GIF
• 要想设置图片透明度--PNG

• 如何改变图像像素：可以借用win7自带的画图工具--重新调整大小--把百分比改为像素--输入像素值--保存。
• 领会一下webp的重要意义 http：//http://zhitu.tencent.com

如要链接到另一个不同网站上的图像，最好使用该图像url

相同网站上的链接和图像，最好使用相对路径。

问题来了，什么叫相对路径和绝对路径？