Web上常用的图片格式有三种:
JPEG | PNG | GIF |
适合连续色调图像,如照片。 | 适合单色图像和线条构成的图像 (如logo、剪贴画和图像中的小文本)。 | 类似于PNG, 适合于单色图像和线条构成的图像。 |
可以表示1600万中不同颜色。 | 可以表示百万中不同颜色, 有三种:PNG-8,PNG-24,PNG-32。 | 可以表示256中不同颜色。 |
有损格式,缩小文件会丢失信息。
| 无损格式
| 无损格式
|
不支持透明
| 支持透明
| 支持透明
|
文件比较小
| 与相应的JPEG相比更大一些。取决于颜色数可能比GIF大,也可能比GIF小。 | GIF比相应的JPEG要打一些。 |
不支持动画
| 不支持动画
| 支持动画
|
<img>元素的src属性指定了Web页面上图像文件的位置,可以是相对路径也可以是URL。
<img>元素的alt属性指定描述这个图像的一些文本。如果图像未能显示,就会使用这些文本来取代它。
<img>元素的width和height属性指定图像的宽和高,单位是像素。可以使用这对属性来预先告诉浏览器图片的大小,因为浏览器是在加载完成HTML页面后再加载图像的。如果不指定宽和高,浏览器就会在加载图像后重新调整之前的布局。也可以提供与实际图像不同的宽高值,这样浏览器会相应的缩放图像,不过最好不要这么做。