html – 如何减少用于网页下载的Large(ish)图像的大小

html – 如何减少用于网页下载的Large(ish)图像的大小,第1张

概述我有一个使用大图像作为背景的网站.这是一个大小为134KB的jpeg – 到目前为止我还不能真正达到它.我已经在低质量jpeg设置的photoshop中保存了它.它的尺寸是:1920 x 1028. 如何进一步减小尺寸? 我可以将它调整得非常小,并在图像标记中使用宽度和高度属性调整大小 – 只要纵横比相同吗? 它杀了我的页面速度.请帮忙 – 欢迎任何建议. 不知道图片我可以提供不同的方式: 1) 我有一个使用大图像作为背景的网站.这是一个大小为134KB的jpeg – 到目前为止我还不能真正达到它.我已经在低质量jpeg设置的photoshop中保存了它.它的尺寸是:1920 x 1028.

如何进一步减小尺寸?

我可以将它调整得非常小,并在图像标记中使用宽度和高度属性调整大小 – 只要纵横比相同吗?

它杀了我的页面速度.请帮忙 – 欢迎任何建议.

解决方法 不知道图片我可以提供不同的方式:

1)
如果你不希望你的照片在背景中太突出,试着模糊它(可能很多 – 取决于图片!) – >那么你可以让我们获得更高的压缩率而不会过多地看到这些文物.

2)
根据您的图片,尝试将其缩小到某些颜色范围(您使用最大颜色数量) – >使用这种方法你最终可能会使用.png或gif文件,photoshop会告诉你什么是最好的.

最后一个想法:
因为这是你的背景图像,试着将它保持在“背面” – 这样你就可以尝试以一种减少颜色的方式改变(破坏)图像!另一方面,尝试使用较小的图片(800×600)并让CSS再次缩放它们 – 这取决于您的意图.

我在大约55Kb时使用1280x1024px bg图像.

希望这可以帮助.

总结

以上是内存溢出为你收集整理的html – 如何减少用于网页下载的Large(ish)图像的大小全部内容,希望文章能够帮你解决html – 如何减少用于网页下载的Large(ish)图像的大小所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1076756.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存