Image is not rendering in billboardLayout

Question

I'm running through the spaceX integration demo as practice, and when the step got to the end and I'm supposed to upload an image to the billboard layout, but it didn't render. The document is jpg file, and it does end up rendering in the a!imageField (only when it's set to size = FIT) as you can see in the corner there. I can get other jpgs to render, but not this one. I'm wondering if it might be because it's too big (size = 20.12kb) or because it downloaded as a web file and I had to manually change extension to jpg (but it loads fine in the file preview when I click on the doc). 
 Anyone know why it might not be rendering? Thank you!

Shubham Aware · Answer

Re-save the JPG as a fresh image and upload again, because Appian a!billboardLayout renders only a valid a!documentImage() and can fail when the file was renamed or converted incorrectly.

Mike Schmitt · Answer

kl0001 said: it downloaded as a web file and I had to manually change extension to jpg 
 This is probably it. As Shubham already noted, you need to take steps to ensure the file actually contains JPG data (as opposed to some weirdly-converted file simply renamed as JPG). The fact that it works in certain renderers merely means that some renderers might pick up what the file actually contains and they correctly render that, but this will be the exception.