HTML与CSS入门——第十章 创建用于Web上的图像

知识点：

　　1.选择图像软件的方法

　　2.准备用于网上的照片的方法

　　3.创建标题和按钮的方法

　　4.减少图像中颜色数量的方法

　　5.创建透明图像的方法

　　6.创建平铺背景的方法

　　7.创建Web动画的方法

10.1 选择图像软件：

　　PhotoShop首选。如果不会装盗版的可以用GIMP

　　图片获取可以通过网页上图片另存为进行处理……

10.2 必须知道的图像基础知识：

　　额…… 需要了解像素以及屏幕分辨率的问题，以及图像压缩问题。

　　PS：像素并不是决定图像文件大小最主要的因素。

10.3 准备照片图像：

　　现在不是很建议把各种icon集成在一张照片上，然后通过图片定位使用。-->新的解决方案是svg，把图标弄成字体集，变成矢量图。

　　其他图片主要以jpg，png，以及gif为主。

　　最好使用ps里面的存储为Web格式，如果没有在压缩图片时：

　　jpg：85%；

　　gif：如果需要100*100尺寸，则可以用300*300的gif。

10.4 创建横幅和按钮：

　　本节就是提醒我们要考虑不同分辨率的情况的处理，不要出现因为宽度不够而大致的整体页面被部分遮挡的情况。

　　关于这块可以参考@media的使用

10.5 减少图像中的颜色数量：

　　就是提到两种图片格式：gif和png

10.6 使用透明的图像：

　　可以使图片透明的格式：gif和png

10.7 创建平铺背景：

　　就是背景最好用一条细细的图片平铺……

10.8 创建Web动画：

　　就是学会用gif……