Wix Answers

Do not post confidential info such as passwords or financial information.
Cancel
Post Question
wix Wix Team

There are two ways to create an image with a transparent background:
 

1. Starting from scratch: 

Within Photoshop, click File > New > In the Background Contents field, choose Transparent

 
You are free to design whatever elements you require (text, shapes, lines, etc) and they will appear with a transparent background.
 
When you're done,  Save for Web as a .png file. 
 

2. Existing Image

Within Photoshop, select the part of the image that you want > copy and paste it into a new page in Photoshop > double click on the background to edit the name > change the opacity to 0%. 

After you've done this, you should see a checkered box for the background. Click on Save for Web and make sure to save it as a .png file. 
 
Finally, upload it to your Wix editor!

Please also make sure that the image has no skin. Click the image -> Change Style > Edit Style -> choose the first skin called No Skin Photo.
 

For more information on how to upload images, click here .

Replies(85 replies total)

Show my replies first
  • lady-page

    Replied by lady-page February 19, 2013

    I just followed the steps posted above by Jo, but it didn't work :(

    ~ Lady Page
  • lady-page

    Replied by lady-page February 19, 2013

    Hello, I too am having problems with transparency.... I use Corel and have never had trouble with uploading transparent png's before. Wix changes my graphics to a colored background and then it looks all blurry. I need to be able to do this as I am offering some free web & blog graphics on my site... I hope this issue is being addressed... I otherwise LOVE the ease of using Wix  :)

    ~ Lady Page
  • dinamiso Wix Team

    Replied by dinamiso February 13, 2013

    Hi fordbarron ,

    Please don't hesitate to contact us if you will need additional assistance.

    Thank you,

    Dina.

  • fordbarron

    Replied by fordbarron February 13, 2013

    Perfect. Thanks so much for the help. Never would have figured that out!

  • Jo Wix Team

    Replied by Jo February 13, 2013

    To fix this issue, click on the image and  then on 'Change Style' > 'Edit Style''. 

    Next to 'Border' click on the opacity icon and move it to zero.

    Thanks,

  • fordbarron

    Replied by fordbarron February 12, 2013

    i'm trying to post several images, this being one of them:

  • Jo Wix Team

    Replied by Jo February 12, 2013

    Hi fordbarron,

    Please upload the image here so that we can take a look for you.

    Thanks,

     

  • fordbarron

    Replied by fordbarron February 12, 2013

    hate to jump on the transparency bandwagon, but i'm having the same issues getting a .png to show up without the background. i've followed the instructions above to save the .png. it's transparent on my machine, but when i upload the .png and it pops up on my site, a white background is being added.

    help! (pretty please)

  • Tali Wix Team

    Replied by Tali February 8, 2013

    Hey inbalraviv

    Have you tried following the instructions in the Best Reply above? 

    If so, and your image still does not appear with transparent background please let us know in which of your sites is this image located, and on which page. Please also upload the image here so we can check it for you.

     

    Thanks,

    Tali, Wix Team
  • inbalraviv

    Replied by inbalraviv February 8, 2013

    I also tried to put logo with transparent backround. i have tried png and giff, and i am getting white backround.

     

    please advise

Add reply

Mark this reply as Best Reply
Close open child tickets
Post reply