gpt4 book ai didi

html - 在单个 HTTP 响应中捆绑页面资源,例如图像

转载 作者:可可西里 更新时间:2023-11-01 17:36:02 25 4
gpt4 key购买 nike

对于像 CSS 和 JS 这样的资源,这些东西通常是独立的资源(每个资源都需要单独的 HTTP 请求/响应才能获得)。但它们可以内联以减少单独资源的数量。

我想知道是否同样的事情也适用于图像。

  • 也许在页眉中包含图片?

  • 或者在实际的 HTML 中内联(使用 Base64 编码或其他方式)?

(1) 这可能吗? (2) 这是个好主意吗? (为什么或为什么不?)

最佳答案

为了减少与图像相关的请求,您可以使用 CSS Sprites/Image Sprites 将所有图像组合在一个图像中(因此只有 1 个请求到服务器),然后可以使用 CSS 将其显示为不同的元素

引用W3Schools guide了解更多信息

Spritepad是生成图片 Sprite 的好工具

使用 base64 的图像的内联 HTML 可能会变得庞大,因为每次获取页面时都会下载它而不是缓存图像

关于html - 在单个 HTTP 响应中捆绑页面资源,例如图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31192630/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com