Skip to main content
R
Radkoman
Participant
March 18, 2019
Answered

Transparent background does not stay transparent

  • March 18, 2019
  • 3 replies
  • 69872 views

I am not sure what I am doing wrong, as I have done this before.

I am attempting to create a new banner for my website due to a domain name change. 

I was going to use a logo that was created for me that is in .png format that I was given permission to use.  The only thing I needed to do, was to resize it.  I did that and then saved it to a jpeg format, uploaded it to the website and it then became a white background.

The second attempt that I did was to resize it and then to save it as a png but smaller file size and then upload it to the web site and it then changed to a white background.

My third attempt was to just create a brand new image, which I did to the size I wanted, it had the clear background showing, saved it to the folder I wanted it to, uploaded it and then it became a white background (again!) and when I tried to replace the old logo, it was white.

I am uploading this to my website that is hosted on SmugMug.com as I am a photographer and due to the name change, I need to get my new domain name onto my web site.  No matter what I have done, each time I upload the file, it becomes a white background even though on my system it appears to be a transparent background. 

I have even tried downloading the logo from before and making changes to it and then saving it and it changes to a white background.

I am not sure what else to do, so any ideas would be greatly appreciated!

Thanks,

David

    Correct answer jane-e

    Hi 

     

    JPEG does not support transparency. PNG does, if transparency is checked. 

     

    Please show the dialog box with your option for the .png so we can better assess. 

     

    Jane

    3 replies

    E
    eastmanannie
    Participant
    June 16, 2020

    I'm on photoshop 2020 (v21.1.3 and this is not working.  I cannot find a way to export a transparent background and I've been doing this for years! Thanks for any help.

      N
      Nacccho
      Participant
      July 16, 2020

      Did you find a way? I also did EVERYTHING, saved as png, ticked transparency, exported web, EVERYTHING. Background is always white when i open in another program.

      Nancy OShea
      Community Expert
      Nancy OSheaCommunity Expert
      Community Expert
      July 17, 2020

      What program? 

      Try opening transparent GIF or PNG files in a real browser.

       

      Nancy O'Shea— Product User & Community Expert
      Nancy OShea
      Community Expert
      Nancy OSheaCommunity Expert
      Community Expert
      March 18, 2019

      JPGs do not support alpha transparency.    Use File > Export > Export As and select PNG with transparency box ticked.   See screenshot.  Note:  the checkerboard background denotes transparency.  The page background color will show through when inserted into your web page.

      For future reference,  you should  use vectors for logos, icons and non-photographic art.  Scalable Vector Graphics or SVGs will retain their sharp lines and details when re-scaled.  Raster images like PNGs and JPGs tend to pixelate and blur when re-scaled.    I use Illustrator to create my SVG logos and icons.

      Nancy O'Shea— Product User & Community Expert
        R
        RadkomanAuthor
        Participant
        March 19, 2019

        Thanks for your help, and I am not sure why I thought to try jpeg as I knew that was not transparent, just frustrated with it all.  But, made the change and the site is now looking great!

        jane-e
        Community Expert
        jane-eCommunity ExpertCorrect answer
        Community Expert
        March 18, 2019

        Hi 

         

        JPEG does not support transparency. PNG does, if transparency is checked. 

         

        Please show the dialog box with your option for the .png so we can better assess. 

         

        Jane

          Terms & ConditionsAccessibility statement
          Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices