背景图片太大

Question

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

页面加载时太长，所以我想知道如何修改背景图片的最佳解决方案是什么？

此致，博扬

Answer 1

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

Answer 2

使用 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。

Background image is too big