应当注意网页中每个图片的尺寸,检查是否可以将图片的调色板设置为256色或者更少 。当然,这也取决于图像和文件的格式 。网站上有照片、截图和屏幕截图等,每种类型都需要认真处理 。这是一项乏味的几乎没人想要从事的工作 。下面简介下减小网页中图片的尺寸的几种方法?
下面提供一个快捷的方法,打开Firefox并访问你的网站 。在浏览器的右下角,可以看到截图的小图标 。单击它就会出现一个新的浏览器窗口,这个Web服务会获取网站的所有图片,然后进行压缩 。下载经过优化的打包zip文件替换服务器中的文件 。同样,在其他有图片的页面中进行相应的处理 。这样做的好处是,网站中的图片越小,加载时间越短,用户体验越好 。
图片聚合技术是减少网页图片尺寸的较好的方法,假设你有一个论坛,论坛中的人们喜欢使用表情图标来表示自己的感情 。因为表情图标很多,你就需要很多不同的图片文件,这增加了每个页面的HTTP请求数 。大量的文件下载大大降低了网站的加载时间 。
文章插图
想想一个48*16像素的图片平均分成3列,每一列都是16X16像素的表情图标:一个是悲伤的表情,一个是高兴的表情,一个是生气的表情等等 。这种单独文件包含了3张图片的方式就是图片聚合 。使用CSS的“background-image”和“background-position”属性就可以确定想要显示的图片 。例如,在页面上显示高兴的表情 。这样,我们可以将所有的表情都放到一个单独的文件中,极大地减少了HTTP的请次数和时间 。自然,图片聚合的越多,你的受益就越大 。
文章插图
这项技术较早源于计算机游戏行业,适用于一些不经常更新的图片,例如笑脸、箭头、背景图片以及项目符号 。
【如何把照片缩小 如何把照片缩小到100k以下】我们不推荐在菜单上使用这种技术,因为图片可能时不时的发生变化,因此每次你必须小心地进行修改,否则很容易出错,在网页中我们要尽量减少图片的使用,通过Css文件来显示更多的图片效果,具体页面设计方式请参照《》,通过以上方法我们可以很轻松的减小网页中图片的尺寸 。
- 英国奶农为何被迫把奶倒掉 英国奶农为何被迫把奶倒掉呢
- 如何豆芽 如何豆芽炒韭菜
- 如何缝裤子 如何缝裤子上的破洞
- 如何***网站 如何***网站中一列内容
- 如何隐藏路由器 如何隐藏路由器密码或二维码
- 如何debug nginx如何debug
- 生肖羊的运势 生肖羊的运势如何
- 如何将图片压缩 如何将图片压缩打包
- 如何弄ppt 如何弄ppt背景
- 摩羯八月运势 八月摩羯座运势如何