非凡资讯

网页设计培训资讯>上海松江网站后台培训学校分享网页图片优化秘诀

上海松江网站后台培训学校分享网页图片优化秘诀
发布日期:2012/10/27 15:18:44    上海松江网站后台培训学校 2095 分享
也许网页上的图像的确很出色,如果下载它们需要很长时间,访问者可能没有耐心坚持到最后以求一睹芳容了。这就需要优化网页中的图像,加快图像的下载速度,下面网站后台培训老师分享网页图片优化秘诀,仅供同学们参考学习。
 
(1)网站后台培训老师建议首先要把网页中可有可无的图像去掉。也许觉得去掉一个3kb大小的图像没有什么意义,但对于一个只有20kb的页面将会减少25%的下载时间。或者使用文本按钮代替图像按钮。用静态图像代替动态图像。
 
(2)不要把尺寸硕大的图像直接链接到网页中。如果非要看到大尺寸的图像,可以先在网页中链接一个小尺寸的缩略图,然后给缩略图建立一个链接指向大尺寸的图像,由访问者去决定是否观看。这是在网上建立相册最常用的方法。
 
(3)确定一个图像用GIF格式还是JPEG格式。GIF格式用在色彩较少的小图形上是很完美的,它支持不超过八位的颜色深度,允许有透明色,采用无损失的压缩格式且支持动画。GIF格式可用于网站的标志、小按钮和广告条等。JPEG文件可以显示几千种颜色,而且压缩率比GIF文件高。它们很适合照片方式的图像。较大的图像适合用JPEG格式存储。
 
(4)设定图像尺寸。在页面中如果图像放在表格之前或表格里,设定图像尺寸就非常重要,没有设定尺寸的图像会迫使浏览器清除和重绘页面。网站后台培训老师提醒同学们使用Dreamweaver可以自动插入说明图像大小的代码,不过不要用这个功能去改变图像的尺寸。如果用于放大图像,会得到一幅有锯齿的图像。而缩小图像,浏览器下载的数据比实际要显示的图像多,于是增加了下载时间。
 
(5)把一个大尺寸的图像分割成若干个小图像。浏览器总是下载完一幅图像后,才去显示图像,为了不让访问者等得着急,可以把一个大尺寸的图像分割成若干个小图像,让浏览器下载一点显示一点。
上海网站后台培训
本文来源:网络。整理:网站后台培训学校。更多资讯【请关注微信号:feifanxueyuan】(版权声明:推送文章和图片我们都会注明作者和来源,除非确实无法确认。部分文章和图片推送时未能与原作者取得联系,若涉及版权,烦请原作者联系小编更正,谢谢。)
相关文章:
上海松江网站后台培训学校分享网页图片优化秘诀
免费试听热门课程
在线客服
免费软件
免费试听
最新活动
学费查询
开班查询
就业薪资