Aem AdobeGraniteHTML库管理器

在AdobeGraniteHTML库管理器中，“最大数据uri大小”是如何工作的？ 我尝试了一个配置中包含大量数据的映像，但是没有 改变

---

有人能告诉我这个配置在AEM中是如何工作的吗？

css文件的缩小可以自动内联小资源（例如图标）。配置参数htmlibmanager.maxDataurize控制要自动内联的资源的最大大小

下面是一个css示例：

#tiny-icon {
    height: 32px;
    width: 32px;
    background-image: url("tiny-icon.gif");
}

我的示例图标的大小为360字节。使用MaxDataurize 360，图标将自动内联为数据url：

#tiny-icon{height:32px;width:32px;background-image:url("data:image/gif;base64,R0lGODlhIAAgAIQQAEeczSqmzligoGmarl6khnCdy3CpaBjo9Gbuk4HxcbLf1Gb35tnhhtna19T2NO/w7////////////////////////////////////////////////////////////////yH5BAEKABAALAAAAAAgACAAAAXlYCGOZCkOhBGsgOm+I6qycF3Ka9DaPErkO17NBxSSHshHY8lwOA6LhWJJpdaS1OYzOq1Wr0qmEyr1Vh/XrCNB7pobyJqazX0vk/JGk162J9EwemttdnB/NXuEfn+ALgKDdYuMLwIGfG5mjHgjAiKVBIpvmpsFlaUGBACRoqNKnqifAAF9rJpWsaiyAZherVWxAQK6BYW+WbksKyKSjFVNqcrKy5mjzmvDBTojvcZibNIm3LZzUAGBd92CCGR5rWFi61xy7tbxC0tGLwOVwuD5JvsM9DP3z0XAgQUN8sOWkMRBhjBCAAA7")}

---

如果您想自己测试它，请注意客户端lib是缓存的。删除/var/clientlibs中的缓存，或者更新css文件。否则，配置更改将无效，因为您仍将看到clientlib的缓存版本。

css文件的缩小可以自动内联小资源（例如图标）。配置参数htmlibmanager.maxDataurize控制要自动内联的资源的最大大小

下面是一个css示例：

#tiny-icon {
    height: 32px;
    width: 32px;
    background-image: url("tiny-icon.gif");
}

我的示例图标的大小为360字节。使用MaxDataurize 360，图标将自动内联为数据url：

#tiny-icon{height:32px;width:32px;background-image:url("data:image/gif;base64,R0lGODlhIAAgAIQQAEeczSqmzligoGmarl6khnCdy3CpaBjo9Gbuk4HxcbLf1Gb35tnhhtna19T2NO/w7////////////////////////////////////////////////////////////////yH5BAEKABAALAAAAAAgACAAAAXlYCGOZCkOhBGsgOm+I6qycF3Ka9DaPErkO17NBxSSHshHY8lwOA6LhWJJpdaS1OYzOq1Wr0qmEyr1Vh/XrCNB7pobyJqazX0vk/JGk162J9EwemttdnB/NXuEfn+ALgKDdYuMLwIGfG5mjHgjAiKVBIpvmpsFlaUGBACRoqNKnqifAAF9rJpWsaiyAZherVWxAQK6BYW+WbksKyKSjFVNqcrKy5mjzmvDBTojvcZibNIm3LZzUAGBd92CCGR5rWFi61xy7tbxC0tGLwOVwuD5JvsM9DP3z0XAgQUN8sOWkMRBhjBCAAA7")}

---

如果您想自己测试它，请注意客户端lib是缓存的。删除/var/clientlibs中的缓存，或者更新css文件。否则，配置更改将无效，因为您仍将看到clientlib的缓存版本。

您希望得到什么，或者您只是希望在输出中进行更改？关于这个属性的文档非常清楚它的作用，所以你是说它没有按预期运行吗？你能告诉我们更多关于你的CSS和引用的资产设置以及配置和大小的信息，看看是否有任何问题。我的期望是，如果我使用数据URI设置一个图像，它在这个配置中定义了一个最大数据大小，如果我的图像数据大小超过这个值，那么图像就不应该被加载。不，这不是这个设置的目的。基于此限制，图像将作为Base64图像数据内联到CSS中。不确定这是Base64编码数据的限制还是图像本身的限制。最好按照这些思路进行测试。您希望得到什么，或者您只是希望输出发生变化？关于这个属性的文档非常清楚它的作用，所以你是说它没有按预期运行吗？你能告诉我们更多关于你的CSS和引用的资产设置以及配置和大小的信息，看看是否有任何问题。我的期望是，如果我使用数据URI设置一个图像，它在这个配置中定义了一个最大数据大小，如果我的图像数据大小超过这个值，那么图像就不应该被加载。不，这不是这个设置的目的。基于此限制，图像将作为Base64图像数据内联到CSS中。不确定这是Base64编码数据的限制还是图像本身的限制。最好按照这些思路来测试。@Alexender我像你解释的那样试过了。但它不起作用，因为它总是以简单的路径而不是编码的方式出现。你自己试过吗？@shivani garg我用了一个非常新鲜的AEM 6.2快速入门软件。我将其导出为一个包。@shivani garg示例客户端库可在上获得。请不要忘记清理/var/clientlibs中的缓存。在你的网页中，如果你启用了缩小功能，并且真正使用了client-lib-manager，那么你只会得到缩小版。精彩的解释。非常感谢。但我仍然有一个问题，为什么它对我不起作用。顺便说一句，你的软件包可以正常工作。谢谢。在你的AEM安装中它不能工作吗？（那么也许你的项目取代了迷你们）。或者只是你的资源。然后也许你可以通过电子邮件给我发送一个包裹（见我的网站）@Alexender我像往常一样试过了，你解释道。但是它不起作用，因为它总是以简单的路径而不是编码的方式来。你自己试过吗？@shivani garg我用了一个非常新鲜的AEM 6.2快速入门软件。我将其导出为一个包。@shivani garg示例客户端库可在上获得。请不要忘记清理/var/clientlibs中的缓存。在你的网页中，如果你启用了缩小功能，并且真正使用了client-lib-manager，那么你只会得到缩小版。精彩的解释。非常感谢。但我仍然有一个问题，为什么它对我不起作用。顺便说一句，你的软件包可以正常工作。谢谢。在你的AEM安装中它不能工作吗？（那么也许你的项目取代了迷你们）。或者只是你的资源。然后也许你可以通过电子邮件给我寄一个包裹（见我的网站）