Transparent Header Logo Problem on Mobile Devices

[sanax]

I have searched the forums but couldn't find a solution.

 

I uploaded a transparent .png logo to a website but the logo isn't transparent on mobile devices (shown a white block) although it is transparent on any PC.

 

Any ideas?

 

Below is the website

 

www.christiaanbekker.com

[luisleitao]

Check my print screen 

http://prntscr.com/cir9ba

 let me know if your problem is solved ...

 

After this you need upload logo again.

Edited September 16, 2016 by luisleitao (see edit history)

[Apium]

You should get a bit more acquainted with image formats. Your current format, JPEG, does not allow for transparent background (read e.g. http://stackoverflow.com/questions/16906144/transparent-background-in-jpeg-image).

 

This is not actually your problem, however, as the file content isn't in a JPEG format:

  Filename: [H:\Downloads\christiaan-bekker-logo-1460308205.jpg]
  Filesize: [5986] Bytes

Start Offset: 0x00000000
NOTE: File did not start with JPEG marker. Consider using [Tools->Img Search Fwd] to locate embedded JPEG.

This is because PrestaShop generally (mis)uses the JPG extension for any image type. I assume your image is actually a PNG, which does support transparent backgrounds.

 

Now, the fix could be quite simple: add a background in a layer in your PNG, and then squash the layers and save a copy as a JPG.

Edited September 16, 2016 by Apium (see edit history)

[sanax]

Check my print screen 

http://prntscr.com/cir9ba

 let me know if your problem is solved ...

 

After this you need upload logo again.

 

You should get a bit more acquainted with image formats. Your current format, JPEG, does not allow for transparent background (read e.g. http://stackoverflow.com/questions/16906144/transparent-background-in-jpeg-image).

 

This is not actually your problem, however, as the file content isn't in a JPEG format:

  Filename: [H:\Downloads\christiaan-bekker-logo-1460308205.jpg]
  Filesize: [5986] Bytes

Start Offset: 0x00000000
NOTE: File did not start with JPEG marker. Consider using [Tools->Img Search Fwd] to locate embedded JPEG.

This is because PrestaShop generally (mis)uses the JPG extension for any image type. I assume your image is actually a PNG, which does support transparent backgrounds.

 

Now, the fix could be quite simple: add a background in a layer in your PNG, and then squash the layers and save a copy as a JPG.

 

I do know my file formats, dude! You're preaching to the choir!

[sanax]

Check my print screen 

http://prntscr.com/cir9ba

 let me know if your problem is solved ...

 

After this you need upload logo again.

Thank you! That solved the problem!