How to save a photoshop file with transparent background

How to save a photoshop file with transparent background

Save an Image with a Transparent Background?

How to save a photoshop file with transparent background

The trick to saving an image with a transparent background (maybe something like your company logo or a graphic) is to put the image on a transparent layer all by itself, and then delete the Background layer by dragging-and-dropping it onto the Trash icon at the bottom of the Layers panel. After you’ve deleted the Background layer, save this file as a PNG (“ping”) file. This is a specific file format that supports transparency in many other programs. You do that by going under Photoshop’s File menu and ...

How to export only the graphics on layers in Photoshop

Adobe Photoshop CC 2019 (affiliate link)

How To Export Layers as Transparent PNGs in Photoshop CC 2019

This tutorial will teach you how to Export Layers as transparent PNGs so only the graphic or whatever is on the layer will be exported and not the extra transparency of the canvas area.

The problem:
In the File Menu…Export As Transparent PNG will save the graphic and the extra transparency of the canvas.

The fix:
Right-click or Ctrl + click on the layer and select ‘Export As’ and Photoshop will only export whatever is on the layer and trim the transparency of the canvas.

Left: File > Export As (Keeps Extra Canvas)…………………….Right: Export As (Only the Graphic)

How To Export Layer as Transparent PNG:

If you want to export anything in Photoshop as a transparent PNG, instead of going to the File menu and selecting ‘Export As’, right-click on any layer and select ‘Export As’ and then choose PNG and make sure Transparent is checked.

  1. Select any Layer in Photoshop
  2. Right-Click (ctrl + click)
  3. Select ‘Export As’
  4. Select PNG
  5. Check the box for ‘Transparent’
  6. Click Export All
  7. Enter Name & Select Destination
  8. Click ‘Save’

How Can I Help You?

I create content and help people figure things out.
I make podcasts and videos that teach people how to make better content.
Are you on my weekly newsletter?
My name is Mike Murphy, I’m a one-man band and podcaster.
Learn. Create. Move Forward.
@mikeunplugged on Twitter or Instagram

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

How to save a photoshop file 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 http://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.

How to save a photoshop file with transparent background

8 Replies 8

How to save a photoshop file with transparent background

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

How to save a photoshop file with transparent background

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.

How to save a photoshop file with transparent background

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.

How to save a photoshop file with transparent background

Community guidelines

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

How to save a photoshop file with transparent background

/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!

How to save a photoshop file with transparent background

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

How to save a photoshop file with transparent 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/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

How to save a photoshop file with transparent background

How to save a photoshop file with transparent background

Featured

How to save a photoshop file with transparent background

Generate new landscapes in one click with neural filters


Quick links - Photoshop Mobile

Troubleshoot & Learn new things

Copyright © 2022 Adobe. All rights reserved.

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

Yes, it is possible to save a JPEG with a transparent background in Photoshop. In order to do this, you'll need to create a new layer in your Photoshop document and fill it with the color you want your background to be. Then, select the “Save As” option from the File menu and choose the JPEG format.

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 transparent File in Photoshop?

How To Export Layer as Transparent PNG:.
Select any Layer in Photoshop..
Right-Click (ctrl + click).
Select 'Export As'.
Select PNG..
Check the box for 'Transparent'.
Click Export All..
Enter Name & Select Destination..
Click 'Save'.

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.