您的位置首页百科问答

dreamweaver cs5优化图片的方法

dreamweaver cs5优化图片的方法

的有关信息介绍如下:

dreamweaver cs5优化图片的方法

​刚插入到网页中的图片可能需要优化才能满足网页要求,如果你插入一个1000像素的照片作为头像,而头像需要的尺寸是很小的,没有必要使用这么高清的图片,这样可以通过图片的优化来达到减小数据量的目的,下面是具体的方法:

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

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

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

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

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

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

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

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

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

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