如何设置图片格式大小,提高企业网站访问速度

    现在移动端原来越重要了,很多人都意识到建个企业网站的必要性了。都想提高企业网站的访问速度,但是对于图片的的格式和图片的大小都不是太懂。小编就整理如下:


  一、企业网站主要图片格式:
 
  1、通常图片以JPG图片居多,JPG格式的图片较小,图片也比较柔和
 
  不过特殊情况就要用特殊格式的图片了
 
  2、图片为动画形式,则可以使用GIF动画格式,存成JPG图片就不会动了
 
  3、图片为透明或半透明格式,则建议使用24位PNG格式图片,兼容性更好,边缘也显示得更好。



 
 
  二、企业网站图片的尺寸大小:
 
  选择适当的图片宽度尺寸(即响应式图片)
 
  不管是pc还是移动端,都会有很多不同尺寸的图片,如果你做的是响应式网站和移动端的话,那么你就更需要考虑图片尺寸的选择问题了
 
  移动端的屏幕分辨率和尺寸太多,所以就可能需要不同的尺寸加载不同尺寸的图片,这样就节省了网站的访问流量,以及页面渲染的效率
 
  先展示现在设备的分辨率等的图
企业网站图片大小

企业网站大小如何设置

 
 
  三、减少HTTP的图片请求,使得企业网站访问速度加快
 
  一种网页图片应用处理方式,将一个页面涉及到的所有零星图片或者图标都包含到一张大图里面,这样就只需要加载这个一个图片,而不是很多个图片了,这样就减少了很多http的请求
 
  如何制作精灵图?
 
  自己通过ps制作,或者UI设计师制作的过程中,做好这个精灵图,注意图片直接的间隔,以防css操作的时候出现显示的问题
 
  怎么使用精灵图?
 
  利用CSS的background-image,background-repeat,background-position的组合进行背景定位,background-position可以用数字精确的定位出背景图片的位置