Ribbon: ugly Icons/Images

Feb 18, 2009 at 11:00 PM

Some of the images used in my ribbon turn out really ugly even though the pics themselves are fine.


It seems that the rounder a picture is, the more ugly it turns out at the ribbon.
What can I do besides using pictures with as few curves as possible?
Feb 19, 2009 at 12:56 AM
Hi godmilk,

This looks like your images are being scaled down, which could cause some deterioration in image quality.  SmallImageSource should be 16x16 optimally while LargeImageSource should be 32x32.  If your images are not this size, then they are being scaled by the Ribbon automatically.

Can you verify if you still see this problem when the image is sized to 16x16 or 32x32 (where appropriate)?

Feb 19, 2009 at 2:02 AM
Any chance of the ribbon control using vector based images in the future?  That's what we're using in the rest of our application and it would be really nice if we could pull images out of a resource dictionary for the ribbon control as well.

Kindest regards,
Feb 19, 2009 at 9:38 AM
Ok, problem solved.
The downscale-algorithm of the ribbon is fine. I use icons that are optimized for 64x64 so the icons simply don't look good in lower resolution.
Feb 19, 2009 at 6:19 PM
Hi LT,

The Ribbon does support vector based images.  For an example of this, see the Southridge lab (section 5) which uses DrawingImages as the Small & LargeImageSources.  All of the images are defined in a ResourceDictionary.

Here's the link to the information page about the lab: http://www.codeplex.com/wpf/Wiki/View.aspx?title=Southridge%20Lab.  You can download the lab under the WPF Futures release.

Feb 19, 2009 at 8:14 PM
Hi Samantha,

That's exactly what we were looking for, thank you so much!