When implementing a photo carousel, it's crucial to ensure that the correct image URL is used to prevent blurry or improperly displayed images.
{{ContentImageURL}}: This variable displays the featured image for various content types, such as articles, blogs, and wikis. For photo content types, it displays a thumbnail image.
{{ContentImageURL}}
{{ContentDetailImageURL}}: This variable provides the path to the full-resolution version of a photo. This URL should be used when displaying images in a carousel template to ensure they appear sharp and clear.
{{ContentDetailImageURL}}
If photos appear blurry in your carousel, it may be due to the use of {{ContentImageURL}} instead of {{ContentDetailImageURL}}. The {{ContentImageURL}} displays a smaller, lower-resolution image, which is unsuitable for larger carousel displays. To resolve this issue:
If thumbnail images appear stretched or have the wrong aspect ratio, it's likely due to incorrect dimension settings.
For example, the below settings create portrait-oriented thumbnails that don't fit into landscape display boxes, causing distortion:
These dimensions create portrait-oriented thumbnails, which do not fit appropriately into landscape-oriented display boxes. This mismatch leads to stretched or distorted images.
Update Thumbnail Settings:
Verify the Change:
Check the Thumbnails:
Following these steps should resolve the issue of distorted thumbnails, ensuring images are displayed clearly and properly across the site.
Refer to Featured Image Best Practices to learn more about image settings.
is requesting access to a wiki that you have locked: https://my.axerosolutions.com/spaces/5/axero-documentation/wiki/view/106387/troubleshooting-guide-for-blurry-images
Your session has expired. You are being logged out.