济南网站建设中网站图像处理技巧综述

2021-01-21 08:00:01

1、 网站中所有的背景图片都放在一张图片上,这样可以减少图片的加载时间,提高网站的打开速度

2、 尝试在网站中使用GIF格式的图片来缩小图片的大小

网站建设中最常见的图像格式可以分为JPG、GIF和PNG。其中,GIF格式是所有图片中最小的格式。因为GIF格式由265种颜色组成,所以它是最适合网站图片的格式。对于相同的图像大小,GIF格式比其他两种格式小80%左右,为了保证图像不丢失,如果是真的,尽量使用GIF格式的图片。在phtopshop中,可以使用组合键Ctrl+Alt+shift将GIF格式的任何图像存储为GIF格式的图片。GIF格式图片的属性设置如下图所示。

3、 网站上有jpg图片。在存储jpg图像时,应选择高质量和优化格式基线的模式

在网页裁剪过程中,如果一定要使用jpg图像,如网站横幅、网站广告图片等,在存储图像时,应选择质量高、格式基线优化、分辨率为72的选项。这两个选项可以在一定程度上减少JPG图像格式的体积,而那些做过平面设计的人可以知道,打印的图片应该选择质量、格式基线标准和分辨率为300,因为只有这个选项才能保证打印过程中不会出现图像模糊。但是,我们不能对网页的图片使用如此高的配置。我们应该确保图像不失真,图像体积最小化。

4、 如果PNG背景是透明的,应该添加JS代码,以防止ie6png后台透明失败

有时在网站建设中,我们会在面对华丽效果时使用PNG格式的图片。事实上,GIF格式的图片也可以达到背景透明的效果。但是,由于GIF颜色值的限制,如透明背景加阴影效果,GIF无法做到这一点。我们只能用PNG格式的图像做阴影透明效果。当我们发现PNG的背景是透明的时,我们发现PNG在某些情况下是透明的,而且显示效果是蓝色的。此时,我们需要添加JS代码来防止ie6png格式的透明性失败。具体代码将在本文末尾提供下载。

5、 采用背景平铺的方法显示网站中具有相同背景的图像

在网站布局中,一些背景图像在一定范围内具有相同的效果,如网站导航和栏目导航。此时,我们可以使用背景图像的平铺方法来显示。利用Photoshop将待拼接的背景图像切割成1px大小,然后使用背景的repeat-x方法,设置有限宽度的属性,使图像在设定的范围内水平平铺,降低了图片的加载速度和网页的打开时间。

6、 网站纯色背景图片,应采用CSS方法控制,尽量减少图片的使用

有一些纯色的背景图片,我们不需要用图像的方法来显示,使用CSS属性可以达到同样的效果,毕竟CSS的加载速度远远快于图像的加载速度,而且边框也可以使用CSS属性,这也可以提高网站的打开速度。