1.图片理论基础
PNG
【优点】：透明 无损压缩 渐近显示和流失读写 保留图像名称、作者、版权、创作时间
【缺点】：色彩支持少PNG8 PNG24 PNG32 ,ie6不支持

JPEG【优点】:色彩多【缺点】:有损压缩GIF【优点】：动态图，可透明、体积小【缺点】：处理256种颜色，不能半透，处理锯齿效果不好SVG【优点】：矢量图形，无损压缩，绘制路径xml语言【缺点】：浏览器支持的不是很好，主要用于移动端font-face

2.fireworks,photoshop软件
推荐网址：https://icomoon.io/
字体有关font-face

photoshop插件 - CSS3Ps
首先下载Adobe Extension Manager CS6
轻松安装新的扩展并管理已随 Adobe Extension Manager CS6 提供的扩展。它可与大多数 Adobe Creative Suite 应用程序一起使用。如果您是 Extension Manager 的新用户，请阅读用户指南。
安装 EXTENSION MANAGER CS6
Extension Manager CS6 支持以下产品：

Dreamweaver CS6
Fireworks CS6
Flash Professional CS6
Illustrator CS6
InCopy CS6
InDesign CS6
Photoshop CS6
Prelude CS6
Premiere Pro CS6

系统要求

Windows
Intel® Pentium® 4 或 AMD Athlon® 64 处理器
Microsoft® Windows® XP Service Pack 3 或 Windows 7
1GB 内存（推荐 2GB）
1024x768 屏幕（推荐 1280x800），16 位显卡
在线服务需要宽带 Internet 连接
Mac OS
Intel 处理器
Mac OS X 10.5.8、10.6 或 10.7 版
1GB 内存（推荐 2GB）
1024x768 屏幕（推荐 1280x800），16 位显卡
在线服务需要宽带 Internet 连接

3.Dreamweaver cs6
1.DW具有W3C验证功能