Jump to content
ArthurFfox

Exported PNG not transparent

Recommended Posts

Hello, so this is a problem I'm having trying to upload a transparent image to my blogger page. I have read the other forum posts but none of them seemed to fix my problem.

I've done the following to the image:

-separated the image from the white background with the selection tool: it is on one layer.

-I have "transparent background" turned on

-I exported the image as a PNG, bilinear, and area marked as "selection without background".

Yet this is what I get on my blog:Capture.thumb.JPG.6ca2db6961f1a5cefacbe66fef265f34.JPG

I'm at a loss to what I need to do to make it transparent. If needed I uploaded the affinity file in question.

 

1.afphoto

Share this post


Link to post
Share on other sites

Your document background is white and not transparent.

  1. Make a new doc (484 x 589 px sized) and check the "[x] Transparent background" check box there on the panel for that document.
  2. Open your 1.aphoto file and copy/paste the layer from there over to the new document.
  3. Save your new doc and export as PNG.

    1a-preview.jpg.ced8fd8f66d8475b0620dee4217b0cd0.jpg
  • 1a.afphoto
  • PNG version (on forums white background)
    1a.png.243aec59b8b16e60a7f879a342bfc448.png

☛ Affinity Designer 1.7.3 ◆ Affinity Photo 1.7.3 ◆ OSX El Capitan

Share this post


Link to post
Share on other sites
3 hours ago, ArthurFfox said:

separated the image from the white background with the selection tool:

Try menu Filter, Color, Erase White Paper. 

https://affinity.help/photo/en-US.lproj/pages/Filters/filter_eraseWhitePaper.html


Affinity Store: Affinity Suite (ADe, APh, APu) 1.7.3.481.
Windows 10 Pro, Version 1909, Build 18363.476.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080.
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080.

Share this post


Link to post
Share on other sites

Eh! O.o

In the 1.afphoto doc just go to Document > Transparent background then export again.


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites
46 minutes ago, Pšenda said:

His drawing layer doesn't contain any white, so that does nothing in his case. His problem in this case is more the initial white doc background - Instead what firstdefense mentioned is a quicker way of performing what the OP here needs for fixing. I showed instead the way from ground up.


☛ Affinity Designer 1.7.3 ◆ Affinity Photo 1.7.3 ◆ OSX El Capitan

Share this post


Link to post
Share on other sites
1 hour ago, v_kyr said:

His drawing layer doesn't contain any white

O.o

5 hours ago, ArthurFfox said:

I've done the following to the image:

-separated the image from the white background with the selection tool:

 


Affinity Store: Affinity Suite (ADe, APh, APu) 1.7.3.481.
Windows 10 Pro, Version 1909, Build 18363.476.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080.
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080.

Share this post


Link to post
Share on other sites

The document's colour format is RGB/16 - when outputted to PNG there are 16bit layers

If his blog does not support 16bit layer PNGs it may be flattening the image which will give a white background to it.

Converting the colour format to RGB/8 (prior to exporting) would be the solution if this is the case 


Due to the fact that Boris Johnson is now our Prime Minister, punctuation, spelling and grammar will never be worried about ever again.  We now have far bigger problems to be worried about.

Share this post


Link to post
Share on other sites
52 minutes ago, v_kyr said:

@Pšenda Did you downloaded his 1.aphoto file and looked into it?

No there is no reason, perhaps OP knows what he writes.
This is also because the OP does not say anything about the source of his picture - where he made the selection.


Affinity Store: Affinity Suite (ADe, APh, APu) 1.7.3.481.
Windows 10 Pro, Version 1909, Build 18363.476.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080.
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080.

Share this post


Link to post
Share on other sites

I apologize, I had the "transparent background" turned off right before I shared the document. I looked into the problem and apparently blogger doesn't take .pngs that well. I've hosted the image on another site and the white did not show up. I'll find another way or just deal I suppose. Thank you all for your help!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.