• 注册
  • 西柚seo

    扫面微信二维码,及时联系我们

15个网站的图像优化原则

摘要:现在网站使用了大量图片,那么如何优化这些图片呢?这里阿成列出了15条优化原则与大家分享。

现在网站使用了大量图片,那么如何优化这些图片呢?这里阿成列出了15条优化原则与大家分享。

1) 在网站设计之初,就要有一个好的计划,比如如何使用背景图片等,以便更好的了解。

2) 在编辑图片时,要做好裁剪,把必要的、重要的、与内容有关的部分展现出来。

3) 输出图片时,应该正确设置图片的大小,并将长度和宽度像素设置为所需的大小,而不是输出大图片。然后,在使用时,指定较小的长度和宽度并缩放图片。

4) 尝试组合装饰图片以保存HTTP请求的数量,并使用CSS sprite来指定用途。

5) 页面上的边框和背景应该尽可能用CSS显示,而不是图片。

6) 在图片的使用上,可以尽量使用PNG格式来代替过去常用的GIF和JPEG格式。在质量保证的情况下,应使用最低限度的文件。

8) 如果你使用Photoshop,放大和缩小图片通常会模糊它,你可以使用smartsharpe使它更好。

9) 对于GIF和PNG文件格式,最小化颜色位的数量。

10) 对于GIF和PNG文件,最小化编辑会使文件变小。

11) 如果你想在图片中添加文字,如果可能的话,不应该在图片中嵌入文字,而应该使用透明的背景图片,或者CSS定位使文字覆盖图片,这样不仅可以达到同样的效果,而且可以在更大程度上压缩图片。

12) 对于较小的GIF和PNG图像,可以使用有损压缩。

13) 如果可能的话,使用本地压缩来确保前景是清晰的,并且背景被压缩到很大程度。

14) 在图像优化之前,如果能够降低噪声,可以获得超过20%的额外压缩。

15) Jpg图像也可以模糊背景,然后在压缩时压缩更多。