How to save a photoshop file with a transparent background

Adobe Support Community

Turn on suggestions

Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.

Showing results for 

Show  only  | Search instead for 

Did you mean: 

  • Home
  • Photoshop ecosystem
  • Discussions
  • Save Logo with Transparent Background

    • Home
    • Photoshop ecosystem
    • Discussions
  • Save Logo with Transparent Background

/t5/photoshop-ecosystem-discussions/save-logo-with-transparent-background/td-p/8444469 Jul 13, 2016 Jul 13, 2016

Copy link to clipboard

Copied

Hi, I am building a company logo with Photoshop CC. The main objective for my logo is so it blends in nicely in header of my website. As you can see at //comparedeals.net my mobile phone website, I have had to shift the background color of the webpage to white as the logo is not transparent. How do I make the white background of the logo transparent?

I know how to remove the background by making that layer invisible but when I save the file as an image JPEG or PNG, the background is still white - which forces me to have a white background color for my website.

I know you can save with transparency but I can't remember how I did it last time I made a logo. Anyone know how?

Thanks.

Community guidelines

Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

1 Correct answer

Enthusiast , Jul 13, 2016 Jul 13, 2016

bzareenk Enthusiast , Jul 13, 2016 Jul 13, 2016

You can do it by removing the background completely and use the shortcut
(shift+ctrl+alt+s) which will take to you save for web window.Select png-24 for a high quality image from the dropdown and it should serve your purpose.

8 Replies 8

Community Expert ,

/t5/photoshop-ecosystem-discussions/save-logo-with-transparent-background/m-p/8444470#M52210 Jul 13, 2016 Jul 13, 2016

Copy link to clipboard

Copied

save it as PNG , the other file format jpg Does not support transparency.

if you did that already, and did not work

Make sure that you did not merge the text with the backgeound , or it does not has any content behind.

if that did not work either , share a screenshot for your Layers

Community guidelines

Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

LEGEND ,

/t5/photoshop-ecosystem-discussions/save-logo-with-transparent-background/m-p/8444471#M52211 Jul 13, 2016 Jul 13, 2016

Copy link to clipboard

Copied

If you have used an Artboard to make your logo then you may have not noticed that in CC2015.5 you now have to set the background to transparent. This is different from earlier versions.

As Mohammad said you must use the .PNG file format for saving as that supports transparency whereas jpeg does not.

Community guidelines

Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Enthusiast ,

/t5/photoshop-ecosystem-discussions/save-logo-with-transparent-background/m-p/8444472#M52212 Jul 13, 2016 Jul 13, 2016

Copy link to clipboard

Copied

You can do it by removing the background completely and use the shortcut
(shift+ctrl+alt+s) which will take to you save for web window.Select png-24 for a high quality image from the dropdown and it should serve your purpose.

Community guidelines

Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

/t5/photoshop-ecosystem-discussions/save-logo-with-transparent-background/m-p/8444473#M52213 Jul 13, 2016 Jul 13, 2016

Copy link to clipboard

Copied

In Response To bzareenk

Thanks that worked for me!

Community guidelines

Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Enthusiast ,

/t5/photoshop-ecosystem-discussions/save-logo-with-transparent-background/m-p/8444474#M52214 Jul 13, 2016 Jul 13, 2016

Copy link to clipboard

Copied

welcome

Community guidelines

Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

New Here ,

/t5/photoshop-ecosystem-discussions/save-logo-with-transparent-background/m-p/10695375#M272774 Oct 26, 2019 Oct 26, 2019

Copy link to clipboard

Copied

In Response To bzareenk

A logo with a transparent background can be crucial to having professional level designs and ads. It gives you more options of where you can place your logo on Pinoy TV, and allows for a polished look for the end product. While Photoshop is a go to tool for this, there are many other ways it can be accomplished, if you are a designer or not!

Community guidelines

Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Community Beginner ,

/t5/photoshop-ecosystem-discussions/save-logo-with-transparent-background/m-p/11210808#M339547 Jun 15, 2020 Jun 15, 2020

Copy link to clipboard

Copied

Why didn't this work for me? It still has a white background.  

Community guidelines

Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

New Here ,

/t5/photoshop-ecosystem-discussions/save-logo-with-transparent-background/m-p/11925969#M525144 Mar 25, 2021 Mar 25, 2021

Copy link to clipboard

Copied

LATEST

In Response To eastmanannie

It might be because you have used an artboard, as @Terri_Stevens mentioned above. (Posted for google since this is the #1 result for this key).

Community guidelines

Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Featured

Generate new landscapes in one click with neural filters

Quick links - Photoshop Mobile

Troubleshoot & Learn new things

Copyright © 2022 Adobe. All rights reserved.

Why won't Photoshop save with transparent background?

Go to the Properties panel (if it's not open, you can go to Window > Properties), and under Artboard background color, change the dropdown menu to Transparent. Then export.

How do I save a PNG with transparent background in Photoshop?

Click the Opacity drop-down menu in the Layers panel and choose a percentage lower than 100%. The lower you go, the more transparent the image will be. Click File on the top menu and choose Save As and select PNG from the drop-down menu. You now have a transparent Photoshop image.

How do I save an Adobe File with a transparent background?

Here's how:.
From the menu bar, select File..
In the File menu, hover on Export, and then select Export As..
Select the export destination and input the file name..
From the Save as type menu, select PNG..
Click Export. ... .
In the Preview section of PNG Options, make sure that the Background Color is set to Transparent..

How do I save a transparent PSD file?

Right click on the transparent image layer. Select the “Export as” option from the long list of menu. A new window will pop up. Here, you can either go for the “PNG” file format or the “GIF” file format.

Toplist

Latest post

TAGs