Adobe Granite HTMLライブラリマネージャー

Adobe Granite HTMLライブラリマネージャーでは、「最大データサイズは」となりますか？私は設定で多くのデータサイズの画像を試しました。しかし、の変更はありません。この設定がAEMでどのように機能するか教えていただけますか？Adobe Granite HTMLライブラリマネージャー

出典

2017-07-07 Shivani Garg

出力の変更を期待しているのですか？このプロパティに関するドキュメントは、それが何のために期待通りに機能していないと言っているかについてはっきりしていますか？あなたのCSSと参照されている資産の設定と、設定やサイズに関する詳細を教えて、何か問題があるかどうかを知ることができますか？ –

データURIを使用して画像を設定すると、この設定で定義されている最大データサイズがあり、画像データサイズがそれを超えている場合は、画像が読み込まれません。 –

いいえ、これはこの設定が対象ではありません。イメージはこの制限に基づいてBase64イメージデータとしてCSSにインライン展開されます。 Base64でエンコードされたデータの上限であるか、画像自体であるかは不明です。これらの行に沿ってテストするのがベストです。 –

cssファイルを小さくすると、小さなリソース（アイコンなど）を自動インライン化できます。 config-parameter htmllibmanager.maxDataUriSizeは、自動インライン化されるリソースの最大サイズを調整します。ここ

は、例えば、CSSである：

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

マイサンプルアイコンは360バイトのサイズを有します。 maxDataUriSize < = 360で、縮小さcssファイルを検索します：maxDataUriSize> 360で

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

、自動インライン化データの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が表示されるため、設定の変更は無効になります。

出典

2017-07-07 12:30:27

@Alexenderいつものようにあなたは説明しました。しかし、コード化されていない単純なパスとして常に来ているので、動作しません。あなた自身で試してみましたか？ –

@ shivani-gargかなり新鮮なAEM 6.2クイックスタートで試しました。私はそれをパッケージhttp://www.alexanderberndt.com/tmp/test-alex-clientlib.zipとしてエクスポートしました。 –

@ shivani-gargサンプルclient-libはhttp：// localhost：4502/etc/clientlibs/test-alex.min.cssにあります。そして、/ var/clientlibsのキャッシュを掃除するのを忘れないでください。ミニページを有効にした場合は、Webページにミニバージョンのみが表示され、実際にはclient-lib-managerが使用されます。 –

Adob​​e Granite HTMLライブラリマネージャー

答えて

関連する問題

Adobe Granite HTMLライブラリマネージャー