web图形样式基础1

web图片

1.“可交换图形文件格式”(GIF)最适合包含纯色和简单集合形状的图片，比如剪贴画。

    GIF文件最大颜色数为256色，图片文件扩展名为.gif。

    GIF保存时采用无损压缩，也就是在浏览器中渲染时图片包含与原始图片一样多的像素，不会丢失任何细节。

    动画GIF包含多张图片（或称为帧），每张图片有少许差别。这些帧在屏幕上按顺序闪现时，图片就会动起来。

    GIF图片使用GIF89A格式支持透明功能。

2.为避免网页下载速度过慢，图片应针对web进行优化。图片优化是用最小的文件保证图片高质量显示的过程。

   一般使用Photoshop等图形处理软件减少图片中的颜色数量对GIF图片进行优化。

3.“联合照片专家组”(JPEG)格式最适合照片。

   JPEG可包含1670万种颜色，图片扩展名为.jpg或.jpeg。

   JPEG不支持动画，不能设置透明。

   JPEG以有损压缩方式保存，意味着原图中的某些像素在压缩后会丢失或被删除。

4.图片质量和压缩率要进行平衡。压缩率小的图片质量高，但文件尺寸较大；压缩率较大的图片质量较差，但文件尺寸较小。

   另一优化JPEG图片的方法是使用缩略图，一般将缩略图配置成图片链接，点击它可显示更大尺寸的图片。

5.“可移植网络图形”(PNG)图片支持数百万中颜色和多个透明级别，并使用无损压缩。扩展名为.png。

img元素

1.img元素用于在网页上配置图片。例如：

<img src="logo.gif" alt="My Name" height="200" width="500">

  src属性指定图片文件名。alt属性为图片提供文字替代。移动浏览器可能显示alt文本而不显示图片。