网页制作学习分享之图片优化的秘诀

来源：www.pxwy.cn 发布人：星星

2021-12-23 11:57:59|已浏览：256次

网页制作学习分享之图片优化的秘诀

也许网页上的图像的确很出色，如果下载它们需要很长时间，访问者可能没有耐心坚持到最后以求一睹芳容了。这就需要优化网页中的图像，加快图像的下载速度，下面老师分享网页图片优化秘诀，仅供同学们参考学习。

(1)网站后台培训老师建议首先要把网页中可有可无的图像去掉。也许觉得去掉一个3kb大小的图像没什么意义，但对于一个只有20kb的页面将会减少25%的下载时间。或者使用文本按钮代替图像按钮。用静态图像代替动态图像。
(2)不要把尺寸硕大的图像直接链接到网页中。如果非要看到大尺寸的图像，可以先在网页中链接一个小尺寸的缩略图，然后给缩略图建立一个链接指向大尺寸的图像，由访问者去决定是否观看。这是在网上建立相册最常用方法。
(3)确定一个图像用GIF格式还是JPEG格式。GIF格式用在色彩较少的小图形上是很完美的，它支持不超过八位的颜色深度，允许有透明色，采用无损失的压缩格式且支持动画。GIF格式可用于网站的标志、小按钮和广告条等。JPEG文件可以显示几千种颜色，而且压缩率比GIF文件高。它们很适合照片方式的图像。较大的图像适合用JPEG格式存储。
(4)设定图像尺寸。在页面中如果图像放在表格之前或表格里，设定图像尺寸就非常重要，没有设定尺寸的图像会迫使浏览器清除和重绘页面。网站后台培训老师提醒同学们使用Dreamweaver可以自动插入说明图像大小的代码，不过不要用这个功能去改变图像的尺寸。如果用于放大图像，会得到一幅有锯齿的图像。而缩小图像，浏览器下载的数据比实际要显示的图像多，于是增加了下载时间。

(5)把一个大尺寸的图像分割成若干个小图像。浏览器总是下载完一幅图像后，才去显示图像，为了不让访问者等得着急，可以把一个大尺寸的图像分割成若干个小图像，让浏览器下载一点显示一点。

本文由培训无忧网天琥教育专属课程顾问老师整理发布，更多网页制作相关课程请关注培训无忧网网页制作培训或添加老师微信：15033336050

注：尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-9482.html 违者必究！部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们，了解更多相关资讯请关注网页制作频道查看更多，了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多：150 3333 6050

相关新闻