# Png image in jucer component is blurred if transparency

**URL:** <https://forum.juce.com/t/png-image-in-jucer-component-is-blurred-if-transparency/10294>\
**Category:** General JUCE discussion\
**Created:** [April 15, 2013, 12:41pm UTC](https://forum.juce.com/t/png-image-in-jucer-component-is-blurred-if-transparency/10294 "2013-04-15T12:41:27Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![kyriacos](https://avatars.discourse-cdn.com/v4/letter/k/e19adc/32.png) [@kyriacos](https://forum.juce.com/u/kyriacos)\
**Post date:** [April 15, 2013, 12:41pm UTC](https://forum.juce.com/t/png-image-in-jucer-component-is-blurred-if-transparency/10294/1 "2013-04-15T12:41:27Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![jules](https://avatars.discourse-cdn.com/v4/letter/j/41988e/32.png) [@jules](https://forum.juce.com/u/jules)\
**Post date:** [April 15, 2013, 12:45pm UTC](https://forum.juce.com/t/png-image-in-jucer-component-is-blurred-if-transparency/10294/2 "2013-04-15T12:45:13Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![kyriacos](https://avatars.discourse-cdn.com/v4/letter/k/e19adc/32.png) [@kyriacos](https://forum.juce.com/u/kyriacos)\
**Post date:** [April 15, 2013, 1:49pm UTC](https://forum.juce.com/t/png-image-in-jucer-component-is-blurred-if-transparency/10294/3 "2013-04-15T13:49:01Z")

</div>

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**

---

<div class="post-metadata">

**Author:** ![jules](https://avatars.discourse-cdn.com/v4/letter/j/41988e/32.png) [@jules](https://forum.juce.com/u/jules)\
**Post date:** [April 15, 2013, 2:17pm UTC](https://forum.juce.com/t/png-image-in-jucer-component-is-blurred-if-transparency/10294/4 "2013-04-15T14:17:13Z")

</div>

Can you email me the PNG file?

---

<div class="post-metadata">

**Author:** ![kyriacos](https://avatars.discourse-cdn.com/v4/letter/k/e19adc/32.png) [@kyriacos](https://forum.juce.com/u/kyriacos)\
**Post date:** [April 16, 2013, 8:24am UTC](https://forum.juce.com/t/png-image-in-jucer-component-is-blurred-if-transparency/10294/5 "2013-04-16T08:24:46Z")

</div>

Hi Jules,

I have emailed you the png file.

Thanks

---

<div class="post-metadata">

**Author:** ![kyriacos](https://avatars.discourse-cdn.com/v4/letter/k/e19adc/32.png) [@kyriacos](https://forum.juce.com/u/kyriacos)\
**Post date:** [April 16, 2013, 10:55am UTC](https://forum.juce.com/t/png-image-in-jucer-component-is-blurred-if-transparency/10294/6 "2013-04-16T10:55:07Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![pidayaudio](https://avatars.discourse-cdn.com/v4/letter/p/4bbf92/32.png) [@pidayaudio](https://forum.juce.com/u/pidayaudio)\
**Post date:** [November 26, 2020, 12:50am UTC](https://forum.juce.com/t/png-image-in-jucer-component-is-blurred-if-transparency/10294/7 "2020-11-26T00:50:18Z")

</div>

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