Submit Feedback
Legacy Knowledge Base
Published Jul. 2, 2025

Define more than three thumbnail resolutions for Adaptive Media

Written By

Jorge García Jiménez

How To articles are not official guidelines or officially supported documentation. They are community-contributed content and may not always reflect the latest updates to Liferay DXP. We welcome your feedback to improve How To articles!

While we make every effort to ensure this Knowledge Base is accurate, it may not always reflect the most recent updates or official guidelines.We appreciate your understanding and encourage you to reach out with any feedback or concerns.

Legacy Article

You are viewing an article from our legacy "FastTrack" publication program, made available for informational purposes. Articles in this program were published without a requirement for independent editing or verification and are provided"as is" without guarantee.

Before using any information from this article, independently verify its suitability for your situation and project.

Issue

  • There are three thumbnail configurations that can defined for Adaptive Media in System Settings -> Adaptive Media -> System Images Resolutions.
  • Each configuration is mapped to a value of the query string parameter "imageThumbnail":
    • Thumbnail Configuration: "imageThumbnail=1"
    • Custom Thumbnail Configuration 1: "imageThumbnail=2"
    • Custom Thumbnail Configuration 2: "imageThumbnail=3"
  • Example URL: https://localhost:8080/documents/20182/0/04219.jpg/b79bd6cc-9368-bd6b-65c0-cc3bd6e2bad2?version1.0&t=1627397242886&imageThumbnail=1
  • These values can later be used in custom developments.
  • Is it possible to have more custom thumbnail configurations?

Environment

  • Liferay DXP 7.2, DXP 7.3

Resolution

  • The limit of three custom thumbnail configurations is a system defined limit which predates Adaptive Media (it is considered as a legacy config) so it can't be modified.
  • If you need to use more than three configurations, you must use Adaptive Media. Adaptive media allows creating several image resolution configurations.
  • For having a seamless integration with Adaptive media and your custom development, you can use the adaptive media taglib. This taglib will handle the creation of image URLs and generate the best thumbnail for each resolution.
  • For 7.3 you'll need to add the following dependencies to your custom development build.gradle to use the Adaptive Media taglib: 
    compileOnly group: "com.liferay", name: "com.liferay.adaptive.media.image.api"
    compileOnly group: "com.liferay", name: "com.liferay.adaptive.media.api"

Additional Information

 

Did this article resolve your issue ?
Legacy Knowledge Base
Did this article resolve your issue ?