Image Type

(Autogenerated transcript)

 Alright, so next we'll take a look at the image response type. And it's supposed to show an image and pretty much that's it. So what I'm going to do is, first let's go to Dialogflow, create a new intent called show image type. Show me image. Delete this. Custom payload. And let's take this and paste it over here. And for the URL, what I'm going to do is I'm going to actually take a different image. This is something which is coming from my site. So I'm just going to paste it here instead of what they already have. Alright, so that's what I have. And instead of example logo, let me just change it to MBD image. It doesn't matter. So now let's save it.

 And go to my WebStorm editor. And in the chat widget, let's just type show me image. And you can see that it's loading this image more or less at full size. So this is the behavior of the image type. But the important thing that I want you to notice is that the actual image is smaller. This is the full size of the image. It's, I think it's 150 by 150 or something like that. 256 by 256, I guess. So on the other hand, if I were to look at it inside this, it just fills up the whole chat widget space. So obviously the resizing is a problem. And since it's auto-sizing it without giving you an option to make that smaller, I think that the only reasonable way to use this image feature is to,

 it's the only reasonable way to use this image feature is to actually have an image which fits this whatever widget size, chat widget size that you already have. So you may want to use that with some thinking about that. But having said that, I'm very glad that they actually have this option because this was something which was much needed. So that's the image response type. And as you can see, it's a fairly simple response type.