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

Save Logo with Transparent Background [2016]

Guest
Jul 13, 2016 Jul 13, 2016

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
162.8K
Translate
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.

Translate
Adobe
Community Expert ,
Jul 13, 2016 Jul 13, 2016

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

Translate
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

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.

Translate
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

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.

Translate
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

Thanks that worked for me!

Translate
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

welcome

Translate
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

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

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

Translate
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