html - 如何减小网页下载的大(ish)图像的大小

Question

我有一个使用大图像作为背景的网站。这是一个大小为 134KB 的 jpeg - 到目前为止我真的无法得到它。我已经在低质量 jpeg 设置的 photoshop 中将其保存为网络。它的尺寸是:1920 x 1028。

如何进一步减小尺寸？

我能否将它的大小调整得非常小，并使用图像标记中的宽度和高度属性调整它的大小 - 只要纵横比相同？

它扼杀了我的页面速度。请帮忙 - 欢迎任何建议。

Answer 1

在不知道图片的情况下，我可以提供不同的方式:

1)如果您不希望您的图片在背景中过于突出，请尝试将其模糊(可能很多 - 取决于图片!)-> 然后您可以使用更高的压缩率而不会看到太多伪影。

2)根据你的图片，尝试将它减少到特定的颜色范围(你使用最大数量的颜色)-> 使用这种方法你可能最终使用 .png 或 gif 文件，photoshop 会告诉你什么是最好的。

最后一个想法:因为这是你的背景图片，所以尽量把它放在“后面”——这样你就可以尝试改变(破坏)图片以减少颜色!另一方面，尝试使用较小的图片 (800x600) 并让 css 再次缩放它们 - 取决于您的意图。

我使用大约 55Kb 的 1280x1024px bg-images。

希望这对您有所帮助。