FROM CACHE - de_header

Some black items of my .png product pictures are automated converting into transparent

Bseuss
Besucher
3 0 0

Hey,

 

Defintion of my problem: I uploaded my profilpicture in a transparent .png.

Here is the source PNG I actually uploaded.

UPP-JW0011.png

 

The problem item: https://printomino.de/collections/jenny-woltz/products/defintion-katze

Bseuss_0-1611340803798.png

This is the result. Not only after zooming. It is also on the product pages.

Hope you can help me! 🙂 

5 ANTWORTEN 5

r8r
Shopify Expert
2555 327 940

@Bseuss thanks – that's a pretty interesting question actually. (Do you prefer Deutsch, btw?)

I'm pretty sure that this community board messes with the original files too. Suggestions: can you zip the original file and upload it on wetransfer? That way, we should be able to analyze the original image. What software did you use to generate that original PNG, what color space and alpha channel settings did you apply?

Thank you,
Mario

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte
Bseuss
Besucher
3 0 0

Hey Mario, 

thank you for answering my questions. 

I will give you my files, here you go: https://drive.google.com/file/d/1ypzFe_KTACjDH_WLQiqGjM7Hv0DcksRm/view?usp=sharing

I use photoshop. With RGB:

Bseuss_0-1611576316610.png

For exporting it I use:

Bseuss_1-1611576492269.png

 

 

We can write in english, perhaps some people from other countries have a same problem.

Greetings, Benny

r8r
Shopify Expert
2555 327 940

Do you have this problem with multiple files?

Can you please download, unzip and try this file again? https://we.tl/t-nyr4AFuLWc 

Mario

PS: Since you posted in the "Deutsch" section of the board, I figured I'd check whether that was on purpose ¯\_(ツ)_/¯

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte
Bseuss
Besucher
3 0 0

Im sorry for posting in the wrong section. 

But thank you for the fast answer. I checked your file and it works. 
I dont know, if a SEO app is changing files, because, if I reupload things, they are fine. 

 

Lets see in a few days, if there is any change.... https://printomino.de/products/defintion-katze

But yes, I have this problem on multiple product. I dont see any pattern, because it is on pictures with black and white content and with color content ... 

 

Thank you!

r8r
Shopify Expert
2555 327 940

You're welcome – Awesome – great to hear that it works. 

Here's the solution and the "fix": Seems like you were using a color mode that was unfit for the intended purpose. As far as I saw, you're using Photoshop, correct? Then you should be familiar with these options:

Screenshot 2021-01-25 at 18.51.34.jpg

All I did was change it from "Indexed Color" to "RGB Color" and saved the image again. I've seen image manipulation/resize/optimization libraries have their fair share of issues with color space other than RGB in the past. I assume that the Shopify algorithm doesn't expect indexed color images or at least doesn't necessarily handle them correctly.

Hope this helps!
Mario

PS: No worries about the forum sections – we're pretty international here after all 😉

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte