Png image in jucer component is blurred if transparency

Hi,

I am creating a jucer component with an embedded picture. The pictures shows fine when there is a color background but if I use transparency the picture appears like a blur operation was performed on the picture. I have many components like that from previous juce versions, they were appearing fine but with the latest modular version they all appear blurred.

Please advice
Thanks

Hard to say without a lot more detail, there are many factors involved in loading + drawing an image.

Hi Jules,

I have a simple test component with a 60x60 pixel picture straight from the jucer.

In the paint method
if you use
g.fillAll (Colours::white);
the picture appears correctly without blur
if you use
g.fillAll(Colours::transparentWhite);
the image appears blurred.
You need to draw this component on top of another component so there is a picture below the testcomponent.

I have a lot of plugin components using this method, we use this method to create custom animated sliders etc which were working before.

Thanks for your help
Kyriacos

cpp file

/*

This is an automatically generated file created by the Jucer!

Creation date: 15 Apr 2013 4:34:43pm

Be careful when adding custom code to these files, as only the code within
the “//[xyz]” and “//[/xyz]” sections will be retained when the file is loaded
and re-saved.

Jucer version: 1.12


The Jucer is part of the JUCE library - "Jules’ Utility Class Extensions"
Copyright 2004-6 by Raw Material Software ltd.

==============================================================================
*/

//[Headers] You can add your own extra header files here…
//[/Headers]

#include “TestJucerComponent.h”

//[MiscUserDefs] You can add your own user definitions and misc code here…
//[/MiscUserDefs]

//==============================================================================
TestJucerComponent::TestJucerComponent ()
: cachedImage__60x60_png (0)
{
cachedImage__60x60_png = ImageCache::getFromMemory (_60x60_png, _60x60_pngSize);

//[UserPreSize]
//[/UserPreSize]

setSize (60, 60);


//[Constructor] You can add your own custom stuff here..
//[/Constructor]

}

TestJucerComponent::~TestJucerComponent()
{
//[Destructor_pre]. You can add your own custom destruction code here…
//[/Destructor_pre]

//[Destructor]. You can add your own custom destruction code here..
//[/Destructor]

}

//==============================================================================
void TestJucerComponent::paint (Graphics& g)
{
//[UserPrePaint] Add your own custom painting code here…
//[/UserPrePaint]

//g.fillAll (Colours::white);
g.fillAll(Colours::transparentWhite);

g.setColour (Colours::black);
g.drawImage (cachedImage__60x60_png,
             0, 0, 60, 60,
             0, 0, cachedImage__60x60_png.getWidth(), cachedImage__60x60_png.getHeight());

//[UserPaint] Add your own custom painting code here..
//[/UserPaint]

}

void TestJucerComponent::resized()
{
//[UserResized] Add your own custom resize handling here…
//[/UserResized]
}

//[MiscUserCode] You can add your own definitions of your custom methods or any other code here…
//[/MiscUserCode]

//==============================================================================
#if 0
/* – Jucer information section –

This is where the Jucer puts all of its metadata, so don't change anything in here!

BEGIN_JUCER_METADATA

<JUCER_COMPONENT documentType=“Component” className=“TestJucerComponent” componentName="“
parentClasses=“public Slider” constructorParams=”" variableInitialisers=""
snapPixels=“8” snapActive=“1” snapShown=“1” overlayOpacity="0.330000013"
fixedSize=“1” initialWidth=“60” initialHeight=“60”>



</JUCER_COMPONENT>

END_JUCER_METADATA
*/
#endif

//==============================================================================
// Binary resources - be careful not to edit any of these sections!

// JUCER_RESOURCE: _60x60_png, 4142, "…/60x60.png"
static const unsigned char resource_TestJucerComponent__60x60_png[] = { 137,80,78,71,13,10,26,10,0,0,0,13,73,72,68,82,0,0,0,60,0,0,0,60,8,6,0,0,0,58,252,217,114,0,0,0,9,112,72,89,115,0,0,11,19,0,0,11,
19,1,0,154,156,24,0,0,10,79,105,67,67,80,80,104,111,116,111,115,104,111,112,32,73,67,67,32,112,114,111,102,105,108,101,0,0,120,218,157,83,103,84,83,233,22,61,247,222,244,66,75,136,128,148,75,111,82,21,
8,32,82,66,139,128,20,145,38,42,33,9,16,74,136,33,161,217,21,81,193,17,69,69,4,27,200,160,136,3,142,142,128,140,21,81,44,12,138,10,216,7,228,33,162,142,131,163,136,138,202,251,225,123,163,107,214,188,
247,230,205,254,181,215,62,231,172,243,157,179,207,7,192,8,12,150,72,51,81,53,128,12,169,66,30,17,224,131,199,196,198,225,228,46,64,129,10,36,112,0,16,8,179,100,33,115,253,35,1,0,248,126,60,60,43,34,192,
7,190,0,1,120,211,11,8,0,192,77,155,192,48,28,135,255,15,234,66,153,92,1,128,132,1,192,116,145,56,75,8,128,20,0,64,122,142,66,166,0,64,70,1,128,157,152,38,83,0,160,4,0,96,203,99,98,227,0,80,45,0,96,39,
127,230,211,0,128,157,248,153,123,1,0,91,148,33,21,1,160,145,0,32,19,101,136,68,0,104,59,0,172,207,86,138,69,0,88,48,0,20,102,75,196,57,0,216,45,0,48,73,87,102,72,0,176,183,0,192,206,16,11,178,0,8,12,
0,48,81,136,133,41,0,4,123,0,96,200,35,35,120,0,132,153,0,20,70,242,87,60,241,43,174,16,231,42,0,0,120,153,178,60,185,36,57,69,129,91,8,45,113,7,87,87,46,30,40,206,73,23,43,20,54,97,2,97,154,64,46,194,
121,153,25,50,129,52,15,224,243,204,0,0,160,145,21,17,224,131,243,253,120,206,14,174,206,206,54,142,182,14,95,45,234,191,6,255,34,98,98,227,254,229,207,171,112,64,0,0,225,116,126,209,254,44,47,179,26,
128,59,6,128,109,254,162,37,238,4,104,94,11,160,117,247,139,102,178,15,64,181,0,160,233,218,87,243,112,248,126,60,60,69,161,144,185,217,217,229,228,228,216,74,196,66,91,97,202,87,125,254,103,194,95,192,
87,253,108,249,126,60,252,247,245,224,190,226,36,129,50,93,129,71,4,248,224,194,204,244,76,165,28,207,146,9,132,98,220,230,143,71,252,183,11,255,252,29,211,34,196,73,98,185,88,42,20,227,81,18,113,142,
68,154,140,243,50,165,34,137,66,146,41,197,37,210,255,100,226,223,44,251,3,62,223,53,0,176,106,62,1,123,145,45,168,93,99,3,246,75,39,16,88,116,192,226,247,0,0,242,187,111,193,212,40,8,3,128,104,131,225,
207,119,255,239,63,253,71,160,37,0,128,102,73,146,113,0,0,94,68,36,46,84,202,179,63,199,8,0,0,68,160,129,42,176,65,27,244,193,24,44,192,6,28,193,5,220,193,11,252,96,54,132,66,36,196,194,66,16,66,10,100,
128,28,114,96,41,172,130,66,40,134,205,176,29,42,96,47,212,64,29,52,192,81,104,134,147,112,14,46,194,85,184,14,61,112,15,250,97,8,158,193,40,188,129,9,4,65,200,8,19,97,33,218,136,1,98,138,88,35,142,8,
23,153,133,248,33,193,72,4,18,139,36,32,201,136,20,81,34,75,145,53,72,49,82,138,84,32,85,72,29,242,61,114,2,57,135,92,70,186,145,59,200,0,50,130,252,134,188,71,49,148,129,178,81,61,212,12,181,67,185,168,
55,26,132,70,162,11,208,100,116,49,154,143,22,160,155,208,114,180,26,61,140,54,161,231,208,171,104,15,218,143,62,67,199,48,192,232,24,7,51,196,108,48,46,198,195,66,177,56,44,9,147,99,203,177,34,172,12,
171,198,26,176,86,172,3,187,137,245,99,207,177,119,4,18,129,69,192,9,54,4,119,66,32,97,30,65,72,88,76,88,78,216,72,168,32,28,36,52,17,218,9,55,9,3,132,81,194,39,34,147,168,75,180,38,186,17,249,196,24,
98,50,49,135,88,72,44,35,214,18,143,19,47,16,123,136,67,196,55,36,18,137,67,50,39,185,144,2,73,177,164,84,210,18,210,70,210,110,82,35,233,44,169,155,52,72,26,35,147,201,218,100,107,178,7,57,148,44,32,
43,200,133,228,157,228,195,228,51,228,27,228,33,242,91,10,157,98,64,113,164,248,83,226,40,82,202,106,74,25,229,16,229,52,229,6,101,152,50,65,85,163,154,82,221,168,161,84,17,53,143,90,66,173,161,182,82,
175,81,135,168,19,52,117,154,57,205,131,22,73,75,165,173,162,149,211,26,104,23,104,247,105,175,232,116,186,17,221,149,30,78,151,208,87,210,203,233,71,232,151,232,3,244,119,12,13,134,21,131,199,136,103,
40,25,155,24,7,24,103,25,119,24,175,152,76,166,25,211,139,25,199,84,48,55,49,235,152,231,153,15,153,111,85,88,42,182,42,124,21,145,202,10,149,74,149,38,149,27,42,47,84,169,170,166,170,222,170,11,85,243,
85,203,84,143,169,94,83,125,174,70,85,51,83,227,169,9,212,150,171,85,170,157,80,235,83,27,83,103,169,59,168,135,170,103,168,111,84,63,164,126,89,253,137,6,89,195,76,195,79,67,164,81,160,177,95,227,188,
198,32,11,99,25,179,120,44,33,107,13,171,134,117,129,53,196,38,177,205,217,124,118,42,187,152,253,29,187,139,61,170,169,161,57,67,51,74,51,87,179,82,243,148,102,63,7,227,152,113,248,156,116,78,9,231,40,
167,151,243,126,138,222,20,239,41,226,41,27,166,52,76,185,49,101,92,107,170,150,151,150,88,171,72,171,81,171,71,235,189,54,174,237,167,157,166,189,69,187,89,251,129,14,65,199,74,39,92,39,71,103,143,206,
5,157,231,83,217,83,221,167,10,167,22,77,61,58,245,174,46,170,107,165,27,161,187,68,119,191,110,167,238,152,158,190,94,128,158,76,111,167,222,121,189,231,250,28,125,47,253,84,253,109,250,167,245,71,12,
88,6,179,12,36,6,219,12,206,24,60,197,53,113,111,60,29,47,199,219,241,81,67,93,195,64,67,165,97,149,97,151,225,132,145,185,209,60,163,213,70,141,70,15,140,105,198,92,227,36,227,109,198,109,198,163,38,
6,38,33,38,75,77,234,77,238,154,82,77,185,166,41,166,59,76,59,76,199,205,204,205,162,205,214,153,53,155,61,49,215,50,231,155,231,155,215,155,223,183,96,90,120,90,44,182,168,182,184,101,73,178,228,90,166,
89,238,182,188,110,133,90,57,89,165,88,85,90,93,179,70,173,157,173,37,214,187,173,187,167,17,167,185,78,147,78,171,158,214,103,195,176,241,182,201,182,169,183,25,176,229,216,6,219,174,182,109,182,125,
97,103,98,23,103,183,197,174,195,238,147,189,147,125,186,125,141,253,61,7,13,135,217,14,171,29,90,29,126,115,180,114,20,58,86,58,222,154,206,156,238,63,125,197,244,150,233,47,103,88,207,16,207,216,51,
227,182,19,203,41,196,105,157,83,155,211,71,103,23,103,185,115,131,243,136,139,137,75,130,203,46,151,62,46,155,27,198,221,200,189,228,74,116,245,113,93,225,122,210,245,157,155,179,155,194,237,168,219,
175,238,54,238,105,238,135,220,159,204,52,159,41,158,89,51,115,208,195,200,67,224,81,229,209,63,11,159,149,48,107,223,172,126,79,67,79,129,103,181,231,35,47,99,47,145,87,173,215,176,183,165,119,170,247,
97,239,23,62,246,62,114,159,227,62,227,60,55,222,50,222,89,95,204,55,192,183,200,183,203,79,195,111,158,95,133,223,67,127,35,255,100,255,122,255,209,0,167,128,37,1,103,3,137,129,65,129,91,2,251,248,122,
124,33,191,142,63,58,219,101,246,178,217,237,65,140,160,185,65,21,65,143,130,173,130,229,193,173,33,104,200,236,144,173,33,247,231,152,206,145,206,105,14,133,80,126,232,214,208,7,97,230,97,139,195,126,
12,39,133,135,133,87,134,63,142,112,136,88,26,209,49,151,53,119,209,220,67,115,223,68,250,68,150,68,222,155,103,49,79,57,175,45,74,53,42,62,170,46,106,60,218,55,186,52,186,63,198,46,102,89,204,213,88,
157,88,73,108,75,28,57,46,42,174,54,110,108,190,223,252,237,243,135,226,157,226,11,227,123,23,152,47,200,93,112,121,161,206,194,244,133,167,22,169,46,18,44,58,150,64,76,136,78,56,148,240,65,16,42,168,
22,140,37,242,19,119,37,142,10,121,194,29,194,103,34,47,209,54,209,136,216,67,92,42,30,78,242,72,42,77,122,146,236,145,188,53,121,36,197,51,165,44,229,185,132,39,169,144,188,76,13,76,221,155,58,158,22,
154,118,32,109,50,61,58,189,49,131,146,145,144,113,66,170,33,77,147,182,103,234,103,230,102,118,203,172,101,133,178,254,197,110,139,183,47,30,149,7,201,107,179,144,172,5,89,45,10,182,66,166,232,84,90,
40,215,42,7,178,103,101,87,102,191,205,137,202,57,150,171,158,43,205,237,204,179,202,219,144,55,156,239,159,255,237,18,194,18,225,146,182,165,134,75,87,45,29,88,230,189,172,106,57,178,60,113,121,219,10,
227,21,5,43,134,86,6,172,60,184,138,182,42,109,213,79,171,237,87,151,174,126,189,38,122,77,107,129,94,193,202,130,193,181,1,107,235,11,85,10,229,133,125,235,220,215,237,93,79,88,47,89,223,181,97,250,134,
157,27,62,21,137,138,174,20,219,23,151,21,127,216,40,220,120,229,27,135,111,202,191,153,220,148,180,169,171,196,185,100,207,102,210,102,233,230,222,45,158,91,14,150,170,151,230,151,14,110,13,217,218,180,
13,223,86,180,237,245,246,69,219,47,151,205,40,219,187,131,182,67,185,163,191,60,184,188,101,167,201,206,205,59,63,84,164,84,244,84,250,84,54,238,210,221,181,97,215,248,110,209,238,27,123,188,246,52,236,
213,219,91,188,247,253,62,201,190,219,85,1,85,77,213,102,213,101,251,73,251,179,247,63,174,137,170,233,248,150,251,109,93,173,78,109,113,237,199,3,210,3,253,7,35,14,182,215,185,212,213,29,210,61,84,82,
143,214,43,235,71,14,199,31,190,254,157,239,119,45,13,54,13,85,141,156,198,226,35,112,68,121,228,233,247,9,223,247,30,13,58,218,118,140,123,172,225,7,211,31,118,29,103,29,47,106,66,154,242,154,70,155,
83,154,251,91,98,91,186,79,204,62,209,214,234,222,122,252,71,219,31,15,156,52,60,89,121,74,243,84,201,105,218,233,130,211,147,103,242,207,140,157,149,157,125,126,46,249,220,96,219,162,182,123,231,99,206,
223,106,15,111,239,186,16,116,225,210,69,255,139,231,59,188,59,206,92,242,184,116,242,178,219,229,19,87,184,87,154,175,58,95,109,234,116,234,60,254,147,211,79,199,187,156,187,154,174,185,92,107,185,238,
122,189,181,123,102,247,233,27,158,55,206,221,244,189,121,241,22,255,214,213,158,57,61,221,189,243,122,111,247,197,247,245,223,22,221,126,114,39,253,206,203,187,217,119,39,238,173,188,79,188,95,244,64,
237,65,217,67,221,135,213,63,91,254,220,216,239,220,127,106,192,119,160,243,209,220,71,247,6,133,131,207,254,145,245,143,15,67,5,143,153,143,203,134,13,134,235,158,56,62,57,57,226,63,114,253,233,252,167,
67,207,100,207,38,158,23,254,162,254,203,174,23,22,47,126,248,213,235,215,206,209,152,209,161,151,242,151,147,191,109,124,165,253,234,192,235,25,175,219,198,194,198,30,190,201,120,51,49,94,244,86,251,
237,193,119,220,119,29,239,163,223,15,79,228,124,32,127,40,255,104,249,177,245,83,208,167,251,147,25,147,147,255,4,3,152,243,252,99,51,45,219,0,0,0,32,99,72,82,77,0,0,122,37,0,0,128,131,0,0,249,255,0,
0,128,233,0,0,117,48,0,0,234,96,0,0,58,152,0,0,23,111,146,95,197,70,0,0,5,89,73,68,65,84,120,218,236,154,77,104,92,85,20,128,191,251,243,222,76,39,77,27,107,253,233,159,198,180,182,80,92,248,135,136,11,
165,8,110,69,112,227,70,91,18,50,36,136,232,66,212,85,127,54,130,11,181,212,78,152,48,177,5,87,130,11,193,157,27,93,168,160,32,84,173,248,71,85,108,181,166,22,155,164,54,243,243,238,189,199,69,223,148,
177,166,233,100,146,52,209,188,179,26,238,187,239,222,243,189,123,206,185,231,28,70,137,8,43,73,52,43,76,50,224,12,56,3,206,128,51,224,12,56,3,206,128,51,224,12,56,3,238,76,236,124,94,30,25,29,107,103,
218,62,224,117,96,98,161,149,31,26,236,95,150,39,252,16,240,1,208,179,146,76,250,206,229,2,125,45,125,184,9,125,231,74,10,90,75,14,189,20,81,186,103,41,161,151,234,90,90,50,232,165,188,135,155,208,187,
87,82,226,209,3,28,185,150,208,234,74,109,90,165,212,191,198,74,229,74,12,92,15,172,19,9,5,239,125,78,43,29,148,214,137,247,46,215,156,103,140,173,75,8,81,144,96,172,141,14,2,119,181,161,203,126,224,189,
224,125,46,72,48,128,164,107,59,239,93,220,84,203,24,91,19,239,173,210,122,90,105,125,22,56,59,92,28,168,207,180,224,76,108,109,1,151,202,149,53,192,102,239,253,6,173,181,74,26,245,45,64,124,113,154,170,
27,99,39,157,75,110,188,148,190,217,232,140,247,110,173,136,228,162,56,247,156,82,106,123,27,192,23,128,61,222,57,227,189,235,73,117,168,25,99,167,102,88,123,141,136,196,34,82,87,74,77,197,185,252,15,
192,169,225,226,192,196,188,128,75,229,10,192,70,17,217,230,146,70,175,136,20,140,141,78,43,197,68,240,161,106,163,232,60,48,91,39,95,1,71,129,251,174,2,123,30,120,18,248,182,221,148,216,123,183,30,225,
58,65,86,105,165,167,19,151,68,214,218,207,140,177,191,12,23,7,100,206,192,105,158,188,25,216,214,168,215,182,139,200,164,214,250,171,40,206,157,6,28,144,92,5,182,41,239,3,15,206,242,124,18,120,4,248,
98,46,174,152,214,1,17,208,29,130,223,234,156,235,147,16,18,109,204,39,81,20,159,24,46,14,200,76,108,179,21,15,27,69,100,135,132,208,163,181,57,142,82,223,88,107,255,26,46,14,36,45,166,222,142,114,97,
150,103,19,192,46,224,88,39,1,104,184,56,64,169,92,57,175,181,153,136,34,125,46,73,26,247,72,144,187,129,42,240,107,219,213,210,200,232,216,26,96,131,75,146,205,206,37,127,174,42,116,125,1,92,24,46,14,
44,100,192,60,150,194,206,171,138,26,46,14,56,96,170,84,174,124,23,69,177,18,145,222,164,209,216,89,42,87,166,129,115,237,94,75,235,66,8,27,188,119,65,107,253,245,114,133,189,12,188,170,148,58,41,34,83,
65,66,175,75,146,155,219,58,225,145,209,177,8,40,132,224,215,72,8,127,228,187,86,159,92,238,176,165,114,165,39,205,218,140,49,102,147,49,230,6,224,129,145,209,177,45,64,3,152,24,26,236,63,118,37,147,238,
6,118,88,27,61,104,109,244,74,171,207,46,128,124,8,60,182,24,205,0,224,181,89,82,213,61,205,56,49,147,73,223,4,188,2,20,129,71,23,80,161,163,11,125,178,45,230,60,91,240,219,51,52,216,127,116,70,31,30,
25,29,235,1,222,1,182,165,67,175,150,202,149,221,11,4,187,103,49,83,198,22,232,227,45,195,207,183,194,254,3,56,133,253,0,216,121,217,90,71,230,9,125,112,177,97,47,131,126,28,24,7,222,2,222,158,45,74,63,
155,154,219,71,192,231,192,151,192,167,169,223,61,85,42,87,122,59,212,227,221,107,92,144,52,156,115,47,135,224,223,4,166,175,24,165,135,6,251,247,165,39,109,128,219,129,173,141,90,117,170,90,157,62,254,
210,139,47,156,227,63,32,165,114,197,56,151,172,53,198,254,164,148,58,147,102,113,179,223,195,67,131,253,62,253,50,117,165,244,38,99,236,29,123,247,238,53,139,92,34,46,136,4,239,55,121,231,238,112,46,
233,2,170,67,131,253,174,221,196,99,28,248,221,198,241,5,27,199,91,10,93,171,239,93,36,216,35,11,213,245,56,84,42,111,72,146,198,253,74,169,130,181,209,55,192,233,182,27,0,67,131,253,117,224,148,82,106,
60,142,115,211,249,85,133,155,15,190,113,184,111,255,129,3,221,203,173,240,47,149,43,234,224,161,195,183,105,173,119,40,165,187,109,20,125,167,148,58,9,212,230,212,0,24,25,29,211,192,58,96,43,176,62,105,
212,11,206,57,36,132,223,188,119,223,119,175,189,238,108,155,213,210,213,250,89,187,210,192,56,167,198,69,163,94,43,136,72,31,200,173,34,106,125,20,71,211,198,216,83,192,137,180,41,224,59,169,135,13,80,
0,122,129,77,193,251,130,247,62,39,34,85,99,205,84,210,168,223,212,156,31,197,185,113,151,36,107,69,66,190,57,150,95,213,245,115,173,122,161,183,165,19,50,25,197,185,67,64,95,203,86,79,139,200,177,122,
109,250,150,139,251,234,154,141,162,201,171,173,157,203,23,126,109,212,107,125,90,27,49,198,76,105,99,126,4,126,78,243,126,215,113,199,163,84,174,40,32,15,172,6,110,76,51,177,188,136,24,9,33,190,52,95,
235,134,136,88,68,46,185,137,54,166,22,188,207,183,204,73,148,82,15,3,207,180,108,245,18,112,60,120,159,75,55,14,74,41,215,198,218,213,52,79,30,7,206,0,83,64,173,89,252,207,25,120,6,19,87,64,46,133,215,
105,17,222,169,60,1,28,74,127,63,10,124,220,193,26,146,214,218,117,160,62,52,216,31,230,213,196,107,243,35,204,39,222,236,78,3,87,39,62,220,12,174,115,126,199,178,116,114,180,211,78,199,162,180,105,255,
175,146,253,229,33,3,206,128,51,224,12,56,3,206,128,51,224,12,56,3,206,128,51,224,182,228,239,1,0,172,215,98,12,69,170,14,103,0,0,0,0,73,69,78,68,174,66,96,130,0,0};

const char* TestJucerComponent::_60x60_png = (const char*) resource_TestJucerComponent__60x60_png;
const int TestJucerComponent::_60x60_pngSize = 4142;

//[EndFile] You can add extra defines here…
//[/EndFile]

h file
/*

This is an automatically generated file created by the Jucer!

Creation date: 15 Apr 2013 4:34:43pm

Be careful when adding custom code to these files, as only the code within
the “//[xyz]” and “//[/xyz]” sections will be retained when the file is loaded
and re-saved.

Jucer version: 1.12


The Jucer is part of the JUCE library - "Jules’ Utility Class Extensions"
Copyright 2004-6 by Raw Material Software ltd.

==============================================================================
*/

#ifndef JUCER_HEADER_TESTJUCERCOMPONENT_TESTJUCERCOMPONENT_55988E2E
#define JUCER_HEADER_TESTJUCERCOMPONENT_TESTJUCERCOMPONENT_55988E2E

//[Headers] – You can add your own extra header files here –
#include “JuceHeader.h”
//[/Headers]

//==============================================================================
/**
//[Comments]
An auto-generated component, created by the Jucer.

Describe your class and how it works here!
                                                                //[/Comments]

*/
class TestJucerComponent : public Slider
{
public:
//==============================================================================
TestJucerComponent ();
~TestJucerComponent();

//==============================================================================
//[UserMethods]     -- You can add your own custom methods in this section.
//[/UserMethods]

void paint (Graphics& g);
void resized();

// Binary resources:
static const char* _60x60_png;
static const int _60x60_pngSize;

private:
//[UserVariables] – You can add your own custom variables in this section.
//[/UserVariables]

//==============================================================================
Image cachedImage__60x60_png;


//==============================================================================
JUCE_DECLARE_NON_COPYABLE_WITH_LEAK_DETECTOR (TestJucerComponent)

};

//[EndFile] You can add extra defines here…
//[/EndFile]

#endif // JUCER_HEADER_TESTJUCERCOMPONENT_TESTJUCERCOMPONENT_55988E2E

Can you email me the PNG file?

Hi Jules,

I have emailed you the png file.

Thanks

Hi Jules,

The problem occurs when the OldSchoolLookAndFeel is used.
If the new LookAndFeel class is used this problem is not occurring.

Thanks for your help

This ticket is helpful for add picture to GUI, thank you guys