图像文件格式:图像文件格式分为很多种,但是可以在Web可以流程运行的自由GIF、PNG、JPEG,现在详细介绍一下三种格式:
GIF:使用一种LZW压缩方式进行无损压缩,支持8位色深,支持1位的透明度。使用区域:包含大部分相同颜色的背景图、文本等。
JPEG: 支持24位色深可以显示照片等色彩、细节丰富的图像,不支持透明度。
PNG: 支持8位和24位色深,也支持1位和8位透明度。
选择图像格式一般是在透明支持、色深、压缩比率之间权衡,只有了解可适用范围才可以更好的选择图像格式。
FIR技术 是把图像作为背景运用到元素上,图像替换的责任是为了让正常的用户可以看到图像信息,特殊用户看到文本信息。主要有两种方法:文字移出可视屏幕和图像覆盖文字。
关于图像的使用技巧,它最大的诱惑就是为作品添加了过多的非必需图像。所以在选择图片时一定要先问问自己,这是不是必需的。另外有一些减少图片数量,降低文件大小的方法:
1、尽可能使用文本样式替代图像;
2、一定需要图像,就只保留图像中为实现预期效果中必需的部分;
3、使用细条图像填充背景;
4、尽可能重复的使用图像;
5、可以用CSS中的属性实现效果,就应该毫不犹豫的使用属性而不是图像,比如background-color;
关于图像的获取可以去免费共享网站下载,也可以用绘图软件自己绘制,关于这个我这里就不详细介绍技巧了。下面介绍一下图像的具体运用:
实现曲线效果:
1、用单一的背景图像实现;(当然,这里的图像就是直接是曲线效果)
2、在多个元素上应用背景图像,这个就是非常大的视觉冲击力的分层;
3、只修改内容区域的边角;
实现三维效果:
1、观察细节;
2、建立真实感;(具体技术在CSS禅意花园有详细总结)
GIF:使用一种LZW压缩方式进行无损压缩,支持8位色深,支持1位的透明度。使用区域:包含大部分相同颜色的背景图、文本等。
JPEG: 支持24位色深可以显示照片等色彩、细节丰富的图像,不支持透明度。
PNG: 支持8位和24位色深,也支持1位和8位透明度。
选择图像格式一般是在透明支持、色深、压缩比率之间权衡,只有了解可适用范围才可以更好的选择图像格式。
FIR技术 是把图像作为背景运用到元素上,图像替换的责任是为了让正常的用户可以看到图像信息,特殊用户看到文本信息。主要有两种方法:文字移出可视屏幕和图像覆盖文字。
关于图像的使用技巧,它最大的诱惑就是为作品添加了过多的非必需图像。所以在选择图片时一定要先问问自己,这是不是必需的。另外有一些减少图片数量,降低文件大小的方法:
1、尽可能使用文本样式替代图像;
2、一定需要图像,就只保留图像中为实现预期效果中必需的部分;
3、使用细条图像填充背景;
4、尽可能重复的使用图像;
5、可以用CSS中的属性实现效果,就应该毫不犹豫的使用属性而不是图像,比如background-color;
关于图像的获取可以去免费共享网站下载,也可以用绘图软件自己绘制,关于这个我这里就不详细介绍技巧了。下面介绍一下图像的具体运用:
实现曲线效果:
1、用单一的背景图像实现;(当然,这里的图像就是直接是曲线效果)
2、在多个元素上应用背景图像,这个就是非常大的视觉冲击力的分层;
3、只修改内容区域的边角;
实现三维效果:
1、观察细节;
2、建立真实感;(具体技术在CSS禅意花园有详细总结)
3、注意分层;
图像的使用主要是为了给作品带来最大限度的视觉冲击力,但是不要喧宾夺主。