dreamweaver cs5优化图片的方法

 时间:2024-10-14 13:32:21

1、 打开dw,然后新建一个html文件,下图是打开dw时的导航页,可以在这里快速建立文件。

dreamweaver cs5优化图片的方法

2、​插入一个图片,在菜单栏上执行:插入--图像,打开图像标签辅助功能属性对话框​

dreamweaver cs5优化图片的方法

3、​填写替换文本(图片不显示的时候替换图片的文字),然后点击确定,这样就插入了一张图片​

dreamweaver cs5优化图片的方法

4、​点击图片即可选中图片,下方出现图片的属性面板,在编辑选项中,点击【编辑图像设置】按钮,打开图像预览对话框​

dreamweaver cs5优化图片的方法

5、​在该窗口,​点击双窗口模式,你会看到两个窗口,这样方便图片处理前后的效果对比

dreamweaver cs5优化图片的方法

6、​将上方的窗口中【预览】选项取消勾选,下方的选项是勾选的,从图中你可以看出来,上面的图片是没有处理的效果,下面的图片是处理以后的效果​

dreamweaver cs5优化图片的方法

7、​拖动鼠标改变图片的品质,随着品质的降低图片会显得不清晰,同时图片的数据量会变小,这样就嚼秒躞句达到了减小图片数据量的效果,如果你的网站访问量大,这一点会很重要。

dreamweaver cs5优化图片的方法

8、​设置一下平滑度可以让图片显得不是那么像马赛克,平滑度越大,图片越有一种朦胧的感觉。​

dreamweaver cs5优化图片的方法

9、​还有一种减小数据量的方法是勾选下面的‘删除未使用颜色’,​这几个参数的设定都需要你根据图片来具体的设置数值,所以你看着办吧。

dreamweaver cs5优化图片的方法

10、​在图示的位置可以读取数据量大小,你看到了,经过优化以后的图片大小已经变成了不到4k,点击确定按钮完成优化。​

dreamweaver cs5优化图片的方法
  • Dw如何开启使用速记中的边框与边框宽#校园分享#
  • DW怎样关闭不可见元素中的命名锚记
  • 在DW编辑如何避免乱码?
  • Dreamweaver中,如何设置电子邮件链接
  • Dreamweaver5中如何设置网页的背景色??
  • 热门搜索
    阿莫西林作用 有氧运动是什么 刚怀孕应该注意什么 苦杏仁的功效与作用 卖什么小吃简单挣钱 什么是可燃冰 活塞运动动态图 伤官什么意思 爽身粉的作用 糙米茶的功效与作用