图像
[TOC]
关于web图像
五个要素：
格式与下载速度
jpeg：适合于彩色图像，图像相对小，图像是有损。
png／gif： 无损数据，png相对gif来说比较小，gif只支持256色，两者同时支持透明。
| 格式 | 用法 | 颜色 | 索引色（基本）透明 | apha透明 |
| :—-: | :——————–: | :—-: | :——-: | :—-: |
| jpeg | 适用于大多数照片，并且允许损失。 | 1600万+ | no | no |
| png-8 | 适用于标识，重复的图像以及其他颜色较少的图像 | 256 | yes | yes |
| png-24 | 颜色更多 | 1600万+ | yes | no |
| png-32 | 与24差不多，不过支持apha | 1600万+ | no | yes |
| gif | 与png-8相似 | 256 | yes | no |
颜色
大小
透明度
动画
获取图像
选择图像编辑器
保存图像
在页面中插入图像
<img src="img/img.png"/> 获取本地的图片，src也可以为url地址。
提供替代文本
alt属性的value将在无法加载图像时作为替代文本。
指定图像大小
- 在图片编辑器中将图像大小改变成适合大小，然后保存使用。
- 在img标签的属性中，width表示宽，height表示高，单位默认px。 （这种方式不是最理想的方式）
为网站添加图标
favorites.icon
最小尺寸16*16
apple-touch-icon.png为苹果设备准备的图标