在网站背景中获得高质量图像而不影响加载时间?
我正在制作一个网站,我想要一张巨大的图像来覆盖整个背景。我见过很多网站,背景图像看起来质量非常高,而且页面加载速度仍然很快。如何? 例如,查看此链接 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您想知道如何压缩图像吗?下载一个像样的图像查看器 (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.
通常,当您将图像另存为 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/