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
  • rebeccaleigh

    Replied by rebeccaleigh October 25, 2012

    Please re-add the transparency!! There used to be an editor for images, now its not possible! :(

  • Alon - WIX team Wix Team

    Replied by Alon - WIX team September 20, 2012

    it's a feature in our "to do list" but we can't provide a time frame to when it will be developed.

    Alon - Wix Team
  • stylephyle

    Replied by stylephyle September 20, 2012

    Will transparency be an option that Wix will add to the HTML editor soon?

  • Itamar Wix Team

    Replied by Itamar July 28, 2012

    @caringangelterry

    Unfortunately we can't provide support for creating images with transparent background for other softwares except Photoshop.

     

    However, you can try following this guide for GIMP.

    Itamar, Wix team
  • caringangelterry

    Replied by caringangelterry July 27, 2012

    Hi, I'm new to this whole thing but I have saved images as .png files and they have the checkered background, however, when adding them to Wix images and applying them to my page, they come out with a gray background...I do not have photoshop...I use GIMP or Paint.net and neither has a "Save as web" save option...Anything else I can do short of giving up? I have some great files I'd love to use...

     

    Thanks for the help, Angel :-)

  • Ron Wix Team

    Replied by Ron June 27, 2012

    Please follow the instruction located at the top of this thread in the "Best Reply".

    Please note that the images must be saved  as .png files.

     

    Ron, Wix Team
  • ameetomlinson

    Replied by ameetomlinson June 26, 2012

    I have tried to save images with transparent backgrounds from both Photoshop and Illustrator in .gif, .jpg and .png. They have the checkered background when I save them from their native files, but show up in Wix.com with a gray background. Help!

  • pdeandajr

    Replied by pdeandajr June 7, 2012

    Thank you, That is very informative and helpful for a first time Wix user, like me.

  • Jo Wix Team

    Replied by Jo June 7, 2012

    Hi pdeandajr,

    The resolution should only be to 72 dpi. Please follow this guide here on how to optimize images for your site.

  • pdeandajr

    Replied by pdeandajr June 7, 2012

    If i create a background image in photoshop what format should i save it in to get the best resolution. also should I set the resolution to 72 or higher? I want the lines to be sharp and not pixelated. i uploaded a test page using a jpeg file but the quality looks bad. one more thing does the color mode 8bit or 16bit make a difference?

Add reply

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