关于web图像:
1、格式与下载速度:当前web上应用最广泛的三种格式gif、png、jpeg。
JPEG格式适用于彩色照片,因为它包含大量的颜色并进行合理的压缩,采用这种格式保存的文件相对较小,全彩的照片通常保存为JPEG格式,PNG-24格式效果也很好,但是通常文件比JPEG要大的多。不过 JPEG是一种有损的格式
PNG和GIF是无损的格式,因此采用这两种格式对图像进行压缩不会造成品质的损失。GIF只有256种颜色,但PNG支持几百万种颜色。且均支持透明,适合用于保存非照片类的图像。
PNG有几种不同的分支,PNG-8 PNG-24 PNG-32 。一般来说对于PNG和GIF应该优先选择PNG,因为它对透明度的支持更好,压缩算法也更好,产生的文件更小。
2、颜色:
标识和其他颜色较少的图像通常保存为PNG-8格式
JPEG PNG-24 PNG-32均支持超过1600万种颜色,因此照片和复杂的插图应选择这些格式,不过,大多数情况下应该使用JPEG
3、大小:
数字图像以像素为单位进行度量。
4、透明度:
可以利用透明度为图像创建非矩形的边缘,在图像的下方设置背景色或图案,PNG和GIF都支持透明度,JPEG则不支持。
在GIF格式中一个像素要么透明要么不透明,称为索引色透明
PNG格式中既支持索引色透明,有支持alpha透明(可以控制一个像素透明的程度)。
PNG-8即支持索引色透明,也支持alpha透明,但需要使用FireWork这样的程序才能将图像保存为PNG-8格式。Photoshop不支持alpha透明的png-8格式,但支持alpha透明的PNG-32。总之对于透明图像应使用PNG-8或PNG-32。
5、动画:
动画可以保存为GIF,但不能是JPEG PNG。实际上,使用图像表现动画的已经越来越少了,通常使用css动画、javascript、svg、html5 canves 和flash。
RGB 分别代表 Red 红 Green 绿 Blue 蓝 RGB模式又被称为三原色光模式。
在页面中插入图像:
格式<img src="image.url" /> 其中 image.url指示图像文件在服务器上的位置。
提供替代文本
使用alt属性,可以为图像添加一段描述性文本。当图像因某种原因不显示的时候,就可以将这段文字显示出来。一般来说,替代文本是考虑图像未能正常加载的情况下需要呈现的文字。
格式<img src="image.url" alt="test" />
指定图像尺寸:
格式<img src="image.url" alt="test" width=“x” height=“y” />
链接:
链接有两个主要的部分,目标和标签
使用目标,可以指定访问者点击链接时会发生什么,其次是链接到其他网页的特定位置。
标签,访问者在浏览器看到或在屏幕阅读器中听到的部分。
创建一个指向另一个网页链接
a元素是创建链接的关键。格式 <a href="www.baidu,com" > </a>
创建錨并链接到錨:
通常激活一个链接会将用户带到对应网页的顶端。