在网站背景中获得高质量图像而不影响加载时间?

发布于 2024-11-28 00:54:43 字数 310 浏览 3 评论 0原文

我正在制作一个网站,我想要一张巨大的图像来覆盖整个背景。我见过很多网站,背景图像看起来质量非常高,而且页面加载速度仍然很快。如何? 例如,查看此链接 http://g2geogeske.com/menus 我怎样才能在不影响加载时间的情况下获得这样的质量图像。另外,如果有人知道解释此问题的任何教程或网站,请发布链接以表示感谢。

即使如此大,它也只有 170 kb(链接中的背景)。我的图像约为 700 kb,但看起来质量仍然低于链接中的图像。我错过了什么吗?一些技巧或什么?

i am making a website where i want one huge image to cover the complete background. I have seen many websites where the images in the background look to be of very high quality and still the pages load really quickly. How?
for example look at this link http://g2geogeske.com/menus
how can i achieve images with quality like these without compromising with the load time. Also if anyone knows of any tutorial or site which explains this please post the link to thanks.

even after being so big its just 170 kb(backgroung in link).my images are at about 700 kb and still look of lower quality then the one in the link. Am i missing something. some trick or anything??

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

心头的小情儿 2024-12-05 00:54:43

您想知道如何压缩图像吗?下载一个像样的图像查看器 (Irfanview) 或编辑器 (Paint.NET),然后进城吧!您链接的网站的背景是一个 171kb jpeg 文件;对于一个还不错的互联网连接来说,这只是微不足道的事情。

You want to know how to compress images? Go download a decent image viewer (Irfanview) or editor (Paint.NET) and go to town! The background for the site you linked is a 171kb jpeg file; that's peanuts for a half-decent internet connection.

£噩梦荏苒 2024-12-05 00:54:43

通常,当您将图像另存为 jpg 时,您可以选择指定“质量”率。如果你看一下你链接的网站中的图片,背景图片,尽管它很大,但也只有 170K。对我来说,保存 JPG 的神奇数字是 90% 的质量。
添加:另外,如果您使用 Irfanview,您可以添加一个名为“RIOT”的插件,该插件可以进一步压缩图像(我认为您也可以将其作为独立的或其他东西)http://luci.criosweb.ro/riot/

usually when you save an image as a jpg, you have the option to specify a 'quality' rate. If you look at the image in the site you linked, the background image, even though it's really big, it's only 170K. To me, the magic number to save a JPG is 90% quality.
ADD: Also, if you use Irfanview, you can add a plugin called 'RIOT' that compresses images even further (I think you can also get it as stand-alone or something) http://luci.criosweb.ro/riot/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文