• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
2

Save Logo with Transparent Background [2016]

Guest
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.

TOPICS
macOS , Windows

Views

160.0K

Translate

Translate

Report

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

correct answers 1 Correct answer

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.

Votes

Translate

Translate
Adobe
Community Expert ,
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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
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.

artboard.png

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guest
Jul 13, 2016 Jul 13, 2016

Copy link to clipboard

Copied

Thanks that worked for me!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
Jul 13, 2016 Jul 13, 2016

Copy link to clipboard

Copied

welcome

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 15, 2020 Jun 15, 2020

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 25, 2021 Mar 25, 2021

Copy link to clipboard

Copied

LATEST

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).

Votes

Translate

Translate

Report

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