Save Logo with Transparent Background

New Here ,
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
How to

Views

132.2K

Likes

translate

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.

Likes

translate

Translate

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

Likes

translate

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.

Likes

translate

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.

Likes

translate

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 ,
Jul 13, 2016 Jul 13, 2016

Copy link to clipboard

Copied

Thanks that worked for me!

Likes

translate

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

Likes

translate

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 ,
Oct 26, 2019 Oct 26, 2019

Copy link to clipboard

Copied

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!

Likes

translate

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 ,
Jun 15, 2020 Jun 15, 2020

Copy link to clipboard

Copied

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

Likes

translate

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

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

Likes

translate

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