企业建网站网页图形的优化和应用原则
日期 : 2021-04-18 23:04:39
网页图形的优化和应用原则。对于一个网站来说, 网页的下载速度是非常重要的, 但是影响网页的下载速度的因素除了网速以外, 网页中所包含的图像图形对网页的下载速度也有很大的影响。因此, 对网页图形进行优化, 使网页能够快速下载是网站设计制作中考虑的首要问题。所以, 接下来就来探讨一下图片优化的基本方法。
首先是图片的裁切, 裁切时应尽量沿所需图像边缘裁切, 避免不必要区域占用文件大小。如果在页面中有一张过大的图片, 也可以先把它裁成小块, 然后再使用Table语法所提供的Border = 0、Cellspacing = 0、Cellpadding = 0 的无缝功能, 将它们组合起来, 这样也会提高图片的加载速度。再者就是图片的输出, 一般情况下, 色彩少的图片使用GIF或者PNG格式, 色彩丰富的的图片使用JPG格式。如果是一些摄影网站, 图片要求都是高清图片, 那就可以用JPG格式做小图预览, 然后链接到TIF格式 ( 无损) 的原图, 这对没兴趣看这张大图片的浏览者而言, 不但可快速下载该网页, 而且也是一种体贴的选择。还有些图片, 因为要在不同的背景中使用, 需要输出为透明的效果, 这时, 就可以选用GIF格式, 因为对于GIF图像来说, 色彩越少, 文件就越小。
所以说在看起来可以接受的范围内, 尽可能地将色彩数量减少, 就能够对GIF图像进行不错的优化。而且对于网页中所采用的图档, 通常会加入Width、Height这两个属性, 这样就可以在加载网页的过程中为图像预留空间, 在加载图片时, 用户就可以先浏览其他已加载项目。如果没有这些属性, 浏览器就不能了解图像的大小, 也就不能为图像预留下合适的空间, 这可能会给网页中其他元素的显示带来很大的延迟, 从而影响用户的阅读。
首先是图片的裁切, 裁切时应尽量沿所需图像边缘裁切, 避免不必要区域占用文件大小。如果在页面中有一张过大的图片, 也可以先把它裁成小块, 然后再使用Table语法所提供的Border = 0、Cellspacing = 0、Cellpadding = 0 的无缝功能, 将它们组合起来, 这样也会提高图片的加载速度。再者就是图片的输出, 一般情况下, 色彩少的图片使用GIF或者PNG格式, 色彩丰富的的图片使用JPG格式。如果是一些摄影网站, 图片要求都是高清图片, 那就可以用JPG格式做小图预览, 然后链接到TIF格式 ( 无损) 的原图, 这对没兴趣看这张大图片的浏览者而言, 不但可快速下载该网页, 而且也是一种体贴的选择。还有些图片, 因为要在不同的背景中使用, 需要输出为透明的效果, 这时, 就可以选用GIF格式, 因为对于GIF图像来说, 色彩越少, 文件就越小。
所以说在看起来可以接受的范围内, 尽可能地将色彩数量减少, 就能够对GIF图像进行不错的优化。而且对于网页中所采用的图档, 通常会加入Width、Height这两个属性, 这样就可以在加载网页的过程中为图像预留空间, 在加载图片时, 用户就可以先浏览其他已加载项目。如果没有这些属性, 浏览器就不能了解图像的大小, 也就不能为图像预留下合适的空间, 这可能会给网页中其他元素的显示带来很大的延迟, 从而影响用户的阅读。
上一篇：企业建网站少用黑帽SEO
下一篇：企业建网站模块的功能（下）
中欧体育相关的文章
精彩导读
热门资讯
