背景图片太大了

Question

我的网站上的背景图片有问题。 因此，图像大小为7.8MB，分辨率为5616×3744。

当页面加载太长时，我想知道如何修改我的bg图像的最佳解决方案是什么？

最诚挚的问候， 博

Answer 1

使用ImagemMgick缩小图像 - 它安装在大多数Linux发行版上，并且可以免费为here的所有优秀操作系统（和Windows）免费提供。

假设您希望它不超过1024像素宽，您可以

convert BigBoy.jpg -resize 1024x BabyBackground.jpg

您还可以通过添加如下质量设置来降低质量，使其变小：

convert BigBoy.jpg -resize 1024x -quality 80% BabyBackground.jpg

如果您的图片是常规图案，则可以使用CSS样式来tile图片覆盖背景

body {
    background-image: url("gradient_bg.png");
    background-repeat: repeat-x;
}

请参阅here以获取解释和示例。

Answer 2

在将背景图像上传到服务器之前调整其大小。