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.9.2 ◆ Affinity Photo 1.9.2 ◆ 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.8.5.703.
Windows 10 Pro, Version 20H2, Build 19042.610.
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.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200.

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.9.2 ◆ Affinity Photo 1.9.2 ◆ 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.8.5.703.
Windows 10 Pro, Version 20H2, Build 19042.610.
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.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200.

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.8.5.703.
Windows 10 Pro, Version 20H2, Build 19042.610.
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.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200.

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. 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.