Png Image transparency issue

Get Help
1

Hello, I added some png images to my project that are fetched from an endpoint.
For an unknown reason, sometimes my images (with a transparent background, they are logos) have a black background instead of being transparent.

I tried using both src and Lightning.textures.ImageTexture properties and I have the same result.

2

Hi Nicolas, welcome to the forum!

A few questions:

  • are you testing this in a browser (if so which one) or straight on a STB?
  • are the same logos always affected? or does it vary from time to time?

Would you be able to share some code so we can try to reproduce?

3

Hi Michiel,

I’m testing and developing on the latest version of Chrome.
Weirdly, it vary from time to time…

I have two components which the parent change the data from the child:

Parent code:

set currentItem(item) {
	if (item) {
		this._currentItem = item
		this.tag('CurrentItem').patch({
			logo: this.currentItem.logo,
		})
	}
}

Child code:

set logo(i) {
	if (i && i !== '') {
		this.tag('Logo').setSmooth('alpha', 0.01)
		this.tag('Logo').patch({
			texture: Img(i).original(500),
			visible: true,
		})
		this.tag('Title').visible = false
	} else {
		this.tag('Logo').visible = false
		this.tag('Title').visible = true
	}
}

Thank you for your help!