Pad the gaps between image and image frame with a blurred copy of the
same image.
Cropped
Image is scaled such that the image width and height match or exceed
the container dimensions. This may crop the top and bottom of the
image if the scaled image height is greater than the container
height, or crop the left and right of the image if the scaled image
width is greater than the container width. This is similar to "Zoom
Mode" on a widescreen TV when playing a 4:3 video.
Gray
Fill the gaps between the image and the image container with gray
bars.
Unspecified
Fill the gaps between the image and the image container with gray
bars.
White
Fill the gaps between the image and the image container with white
bars.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-08-07 UTC."],[[["\u003cp\u003eThis webpage provides documentation for the \u003ccode\u003eImageDisplayOptions\u003c/code\u003e enum within the \u003ccode\u003eGoogle.Cloud.Dialogflow.V2\u003c/code\u003e namespace, detailing image display settings for Actions on Google.\u003c/p\u003e\n"],["\u003cp\u003eThe \u003ccode\u003eImageDisplayOptions\u003c/code\u003e enum offers five options for handling image aspect ratios that differ from the container's aspect ratio: \u003ccode\u003eBlurredBackground\u003c/code\u003e, \u003ccode\u003eCropped\u003c/code\u003e, \u003ccode\u003eGray\u003c/code\u003e, \u003ccode\u003eUnspecified\u003c/code\u003e, and \u003ccode\u003eWhite\u003c/code\u003e.\u003c/p\u003e\n"],["\u003cp\u003eThe documentation covers multiple versions of the library, from 3.2.0 to 4.26.0 (latest), enabling users to find the documentation relevant to their specific version.\u003c/p\u003e\n"],["\u003cp\u003eEach version of the documentation will lead to the same page detailing the \u003ccode\u003eImageDisplayOptions\u003c/code\u003e within \u003ccode\u003eGoogle.Cloud.Dialogflow.V2.Intent.Types.Message.Types.BrowseCarouselCard.Types\u003c/code\u003e.\u003c/p\u003e\n"],["\u003cp\u003eThe \u003ccode\u003eImageDisplayOptions\u003c/code\u003e settings let users define how to fill gaps when image aspect ratio conflicts with container aspects, with \u003ccode\u003eBlurredBackground\u003c/code\u003e, \u003ccode\u003eGray\u003c/code\u003e, \u003ccode\u003eUnspecified\u003c/code\u003e, and \u003ccode\u003eWhite\u003c/code\u003e filling said gaps, and \u003ccode\u003eCropped\u003c/code\u003e scaling the image, potentially cutting off parts of the image.\u003c/p\u003e\n"]]],[],null,[]]
