背景图片太大了

时间:2015-06-26 05:46:43

标签: image resize background-image

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

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

最诚挚的问候, 博

2 个答案:

答案 0 :(得分: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以获取解释和示例。

答案 1 :(得分:0)

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