Adobe花崗岩HTML庫管理器

在Adobe Granite HTML庫管理器中，如何「最大數據尺寸大小」的作品？我在配置中嘗試了很多數據大小的圖像，但沒有更改。有人能告訴我這個配置在AEM中的工作原理嗎？Adobe花崗岩HTML庫管理器

2017-07-07 Shivani Garg

你在等什麼，或者你只是在尋找產量的變化？關於這個屬性的文檔很清楚，它是什麼意思，你是說它不能按預期運行？你能告訴我們更多關於你的CSS和參考資產設置以及配置和大小的信息，看看是否有問題。 –

我的期望是，如果我使用數據URI設置圖像，它具有在此配置中定義的最大數據大小，並且如果我的圖像數據大小超出了該範圍，則圖像不應該加載。 –

不，這不是這個設置的目的。根據此限制，圖像將作爲Base64圖像數據內聯到CSS中。不知道這是Base64編碼數據的限制還是圖像本身的限制。最好測試這些線。 –

縮小css文件可以自動內聯小資源（例如圖標）。配置參數htmllibmanager.maxDataUriSize使資源的最大大小自動內聯。

下面是一個例子的CSS：

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

我的採樣圖標的大小爲360個字節。隨着maxDataUriSize < = 360，縮小的CSS文件看起來：

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

與maxDataUriSize> 360時，圖標會自動內聯的數據網址：

#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的緩存版本。

來源

2017-07-07 12:30:27

@Alexender我像往常一樣嘗試了它，但是它不起作用，因爲它總是以編碼的方式來到簡單的路徑。你有沒有嘗試過嗎？ –

@ shivani-garg我用一個相當新鮮的AEM 6.2 quickstart試了一下。我將它作爲軟件包http://www.alexanderberndt.com/tmp/test-alex-clientlib.zip導出。 –

@ shivani-garg然後可以在http：// localhost：4502/etc/clientlibs/test-alex.min.css中找到樣本client-lib。請不要忘記清理/ var/clientlibs中的緩存。在你的網頁中，你只能得到縮小版本，如果你啓用了縮小 - 並且真正使用了client-lib-manager。 –

Adob​​e花崗岩HTML庫管理器

回答

相關問題

Adobe花崗岩HTML庫管理器