I'm trying to import the image for some collections as transparent PNGs in order to add a list of collections to my menu.
Each mage is the logo of a vendor in a 700x700 png in sRGB created in photoshop and exported to web without any interlacing, compression and with transparency enabled.
Funny thing is that some of them show correctly on shopify, some of them have black background, some have a black bounding box with a very pale blue background and some have lots of artifacts in the background.
All of them are created and exported from the same file in layers using the same options, but I can't figure out why some of them are failing, and others don't.
Has anyone else ran into this same bug?
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
Thanks for the welcome
the store URL is
it is password protected (pass: taladro ) for the moment since it's still in development
the MARCAS submenu is the one with the problem but I suspect that it will continue in every other section once I move from jpg to png
already background on image
there shouldn't be any background on those images, they are pngs with transparent background
Not sure why they are showing like that in shopify, they work just fine elsewhere as shown below.
Unfortunately shopify's forum doesn't allow me to set colored background to the cells in this table to better illustrate, but these are the same images failing on our store once they are set as a collection image.
I need your store login details. Yes, I know your login details are confidential. For this second option, I have added your store to my Shopify partner account so I will check your code easily and manage what you think about it?
Yes I have sent, please let me know if you have accept
Think I found the solution
1-Image has to be cut and pasted into a new RGB file using sRGB color profile, if possible should be vector created in Illustrator in RGB mode
2-No other layer should be present in the file in order for it to have a better chance of success
3-Export as PNG-24 no interlaced, no compression, no metada, convert as sRGB
4-Delete current image on collection, save and close collection
5-Open collection again and import new image, do not drag-and-drop
6-Save collection, close and open again to confirm it's working
Chance of success 80%
If this fails, repeat steps 4-6 until it works (can take several attempts)
Missing any f those steps results in the same error almost every time (10-20% chance of success)