北京理工大学：《HTML语言与网页制作》第三章 使用图像

HTML语言与网页设计 使用图像

HTML语言与网页设计 ——使用图像

目录 常用图像格式 常用图像处理软件 在网页中插入图像 使用动画g Fireworks演示

目录 ◼常用图像格式 ◼常用图像处理软件 ◼在网页中插入图像 ◼使用动画gif ◼Fireworks 演示

常用图像格式 常用的网页图像格式包括: GIF ■JPEG PNG ■矢量格式

常用图像格式 常用的网页图像格式包括： ◼GIF ◼JPEG ◼PNG ◼矢量格式

GIF GIF(Graphics Interchange Format,图形交换格式)格式的特 点 ■无损压缩 ■最多256色 ■能够使用透明色 交错式Gf( interlaced gif) ■动画Gf

GIF GIF（Graphics Interchange Format，图形交换格式）格式的特 点： ◼无损压缩 ◼最多256色 ◼能够使用透明色 ◼交错式Gif（interlaced gif） ◼动画Gif

演示—透明GIF效果

演示——透明GIF效果

JPEG JPEG (Joint Photographic Expert Group,联合图形专家组)格式的 特点: ■有损压缩 没有颜色限制 可以控制压绵比 渐进式JPEG

JPEG JPEG（Joint Photographic Expert Group，联合图形专家组）格式的 特点： ◼有损压缩 ◼没有颜色限制 ◼可以控制压缩比 ◼渐进式JPEG

演示不同质量的JPEG

演示——不同质量的JPEG

PNG PNG (Portable Network Graphics,可移植的网络图形) 格式的特点: 无损压缩 ■没有颜色限制 ■支持透明度

PNG PNG（Portable Network Graphics，可移植的网络图形） 格式的特点： ◼无损压缩 ◼没有颜色限制 ◼支持透明度

矢量格式 矢量格式的特点: ■文件较小 矢量动画

矢量格式 矢量格式的特点： ◼文件较小 ◼矢量动画

演示—Fash动画的效果

演示——Flash动画的效果