Question

在Adobe Granite HTML库管理器中，如何＆＃34; 最大数据uri大小＆＃34;作品？我在配置中尝试了一个具有大量数据大小的图像。但是没有更改。有人能告诉我这个配置在AEM中是如何工作的吗？

Answer 1

css文件的缩小可以自动内联小资源（例如图标）。 config-parameter htmllibmanager.maxDataUriSize 控制自动内联资源的最大大小。

以下是一个示例css：

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

我的示例图标大小为360字节。使用maxDataUriSize＆lt; = 360，缩小的css文件将显示为：

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

使用maxDataUriSize＆gt; 360，该图标将自动内联为data-url：

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

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

Adobe Granite HTML库管理器

1 个答案: