Why do my MSI images look corrupted when using WiX?

Question

I'm setting a custom banner and dialog image for my WiX generated MSI.

<WixVariable Id="WixUIBannerBmp" Value="./build/msi/InstallerBanner.jpg" />
<WixVariable Id="WixUIDialogBmp" Value="./build/msi/InstallerDialog.jpg" />

For some reason, the image becomes corrupted when built into the MSI. I've added the two images to my question for easy comparison. I've tried BMP and JPEG with a whole range of compression types - and they all look exactly the same. I can verify that I'm using exactly the correct image dimensions (500 by 63 pixels).

Here's the original image: Original image http://img193.imageshack.us/img193/7016/installerbanner.jpg

And here's what it looks like in the MSI: Image in use - 1 http://img26.imageshack.us/img26/2996/bannerinuse.jpg

Update:

Thanks for your answers, I got the wrong dimensions from a tutorial, that's actually very out dated and (apparently) very inaccurate. Never the less, it's a good hacking resource. I'll stick to the manual in future!

Answer 1

Your image is too big dimension-wise. Banner Images must be 493 × 58 and your image is 500 × 63, causing it to be resized.

See Customizing Built-in WixUI Dialog Sets

By the way: nice to see Synergy2 is finally getting an update!